v-multi-select
Advanced tools
Comparing version 1.0.4 to 1.0.5
{ | ||
"name": "v-multi-select", | ||
"version": "1.0.4", | ||
"version": "1.0.5", | ||
"license": "MIT", | ||
@@ -5,0 +5,0 @@ "homepage": "https://github.com/joaoeudes7/V-Multi-Select#readme", |
# V-Multi-select | ||
[![npm](https://img.shields.io/npm/v/v-multi-select.svg) | ||
![bundlephobia](https://img.shields.io/bundlephobia/minzip/v-multi-select.svg?style=flat) | ||
![npm](https://img.shields.io/npm/dm/v-multi-select.svg) | ||
](https://www.npmjs.com/package/v-multi-select.svg) | ||
[![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/) | ||
## Project setup | ||
``` | ||
yarn install | ||
``` | ||
![](.demo.png) | ||
### Compiles and hot-reloads for development | ||
``` | ||
yarn run serve | ||
``` | ||
## Table of contents | ||
- [Installation](#installation) | ||
- [Usage](#usage) | ||
- [Demo](#demo) | ||
### Compiles and minifies for production | ||
# Installation | ||
```bash | ||
yarn add v-multi-select | ||
``` | ||
yarn run build | ||
``` | ||
# Usage | ||
```vue | ||
<template> | ||
<div id="app"> | ||
<VDoubleSelect | ||
ref="DoubleSelect" | ||
:left="arrayExample" | ||
:right="arrayEmpty" | ||
@change="showData" | ||
@select="showSelected" | ||
/> | ||
</div> | ||
</template> | ||
### Run your tests | ||
<script> | ||
import VDoubleSelect from 'v-multi-select'; | ||
export default { | ||
name: 'app', | ||
components: { | ||
VDoubleSelect | ||
}, | ||
data: () => ({ | ||
arrayExample: [], | ||
arrayEmpty: [] | ||
}), | ||
mounted() { | ||
for (let index = 0; index < 16; index++) { | ||
this.arrayExample.push(`Hi ${index}`); | ||
} | ||
}, | ||
methods: { | ||
showData(data) { | ||
console.group('New Change:', data); | ||
}, | ||
getDataLeft() { | ||
console.log(this.$refs.DoubleSelect.dataLeft); | ||
}, | ||
getDataRight() { | ||
console.log(this.$refs.DoubleSelect.dataRight); | ||
}, | ||
showSelected(data) { | ||
console.log(`New Selected: ${data}`); | ||
} | ||
} | ||
}; | ||
</script> | ||
``` | ||
yarn run test | ||
``` | ||
### Lints and fixes files | ||
Or use a single data source: | ||
```html | ||
<VDoubleSelect | ||
:left="arrayExample" | ||
@change="showData" | ||
/> | ||
``` | ||
yarn run lint | ||
``` | ||
### Customize configuration | ||
See [Configuration Reference](https://cli.vuejs.org/config/). | ||
# Demo | ||
<!-- Click here to view in Browser: [Vue Component (Multi Select/Double Select)]() --> |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
96240
78