https://github.com/joaoeudes7/v-multi-select

Component Vue (Multi-Select) | Lightweight (4kb)
https://github.com/joaoeudes7/v-multi-select

Last synced: 2 months ago
JSON representation

Component Vue (Multi-Select) | Lightweight (4kb)

• Host: GitHub
• URL: https://github.com/joaoeudes7/v-multi-select
• Owner: joaoeudes7
• Created: 2019-02-06T12:51:36.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T20:43:01.000Z (over 2 years ago)
• Last Synced: 2024-04-26T11:22:40.964Z (about 1 year ago)
• Language: Vue
• Homepage:
• Size: 2.11 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# V-Multi-select

Simple Multi-Select in Vue

[![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/)

![](.demo.png)

## Table of contents

- [Installation](#installation)

- [Usage](#usage)

- [Demo](#demo)

# Installation

```bash

yarn add v-multi-select

```

# Usage

```vue

  


    

  


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}`);

    }

  }

};

```

Or use a single data source:

```html

    

```

# Demo