參考官網：https://vue-multiselect.js.org/#sub-select-with-search

1.通過npm安裝vue-multiselect

npm install vue-multiselect 

2.引用

template中：注意這裡的track-by是name，下面準備的資料的key也應該是name

<multiselect class="multiselect" v-model="value" :options="options" placeholder="請輸入專案名稱"
 label="name" track-by="name"></multiselect>
 

js中：

<script>
  import Multiselect from 'vue-multiselect'

  export default {
    name: "newproject",
    components: {
      Multiselect,
    },
    data() {
      return {
        value: [],
        options: [
          {name: '專案1'},
          {name: '專案2'},
          {name: '專案3'},
          {name: '專案4'},
        ]
      }
    },
  }
 

下載：https://github.com/shentao/vue-multiselect

引入css

<style src="../assets/dist/vue-multiselect.min.css"></style>

到此結束，檢視效果：