treeselect下拉多选使用

在这里插入图片描述
在这里插入图片描述

<Treeselect
  ref="tagSelectRef"
  v-model="value"
  :disable-branch-nodes="true"
  :clear-on-select="true"
  :options="treeselectData"
  placeholder="请选择菜单"
  @select="selectItem"
/>
<script>
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'  
 components: {
   Treeselect,
 },
data() {
 return {
   value: null,
   treeselectData: [],
   }
 }
  //手动清空
  resetBtn() {
    this.value = null
    this.$refs.tagSelectRef.resetSearchQuery()
  },
</script>

版权声明:本文为weixin_44997513原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。