Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

v-multi-select

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

v-multi-select - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

2

package.json
{
"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)]() -->
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc