v-multi-selector

A v-multi-selector component by vue.

Usage no npm install needed!

<script type="module">
  import vMultiSelector from 'https://cdn.skypack.dev/v-multi-selector';
</script>

README

v-multi-selector

A v-multi-selector component by vue.

Install

# install
npm install v-multi-selector --save

预览

预览

use

<template>
  <div id="app">
    <v-multi-selector :SingleFilter="SingleList" :MultiFilter="MultiList" @ConfirmSelect="ConfirmSelect"></v-multi-selector>
    <span>SingleSelect: {{SingleSelect}}<br></span>
    <span>MultiSelect: <br></span>
    <span v-for="(item, index) in MultiSelect" :key="index">{{item}}<br></span>
  </div>
</template>

<script>
import vMultiSelector from './myPlugin/vMultiSelector'; // 引入
import {SingleList, MultiList} from './data'; // 引入
export default {
  name: 'app',
  components: {
    vMultiSelector
  },
  data () {
    return {
      SingleFilter: SingleList,
      MultiFilter: MultiList,
      SingleSelect: "",
      MultiSelect: null
    }
  },
  methods: {
    ConfirmSelect(obj) {
      this.SingleSelect = obj.single
      this.MultiSelect = obj.multi
    }
  }
}
</script>