@ alfsnd/vue-bootstrap- 选择

虚拟版本 选择拖曳

演示

安装

npm install @alfsnd/vue-bootstrap-select --save

使用量

import VSelect from '@alfsnd/vue-bootstrap-select'

export default {
  name: 'app',
  components: {
    VSelect
  },
  data() {
    return {
      selectedValue: null
    };
  }
}

<template>
  <div id="app">
    <v-select :options="[{value: 1, text: 'Item 1'}, {value: 2, text: 'Item 2'}]" v-model="selectedValue" />
  </div>
</template>

通过选项

这个 options prop 接受字符串数组

  <v-select :options="['Item 1', 'Item 2']" />

和数组物体

<v-select :options="[{value: 1, text: 'Item 1'}, {value: 2, text: 'Item 2'}]" />