vue.js - 如何将 vue-multiselect 与 vue-treeSelect 结合使用？

Question

我正在使用 Vue.js，我需要一个“智能”搜索栏。我最终选择了 vue-multiselect，但我需要在下拉菜单中有嵌套菜单。显然，有一种叫做 treeSelect 的东西可以帮助我，但我不知道如何将它们组合在一起。代码非常基本。

<template>
<div>
      <multiselect v-model="value" :options="options"  placeholder="Pick a value" style="width:600px;"></multiselect>
    </div>
</template>
<script lang="ts">


import { Multiselect } from 'vue-multiselect'

@Component({
    components: {
    Multiselect,
  },
})
export default class Income extends Vue {
  public Multiselect= Multiselect;
  data () {
    return {
      value: '',
      options: ['first','second','third','forth','fifth']
    }
  }

}

我需要“搜索选择”栏来搜索、嵌套和显示禁用的选项。我真的需要一些帮助，为什么不，一些建议和指导 :) 谢谢

Answer 1

你可以参考这个。https://codepen.io/anon/pen/pGqXGa

for more information visit- https://vue-treeselect.js.org/#disable-item-selection

Answer 2

问题是我正在尝试使用treeselect，但我也在使用打字稿。所以，经过一番研究，我发现这两者是不兼容的。我必须开始寻找 TreeSelect 的替代方案；支持嵌套的下拉菜单