@bhaltair/select-vue v0.1.2

select-plugin

vue封装jquery的select2插件

在index.html中引入

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

组件局部注册

  <Select2 :options="options" v-model="selected">
    <option disabled value="0">Select one</option>
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>        
  </Select2>

  import Select2 from '@bhaltair/select-vue'
  export default {
    name: 'app',
    data() {
      return {
        options: {},
        selected: ''
      }
    },
    components: {
      Select2
    }
  }