如何结合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，但我也在使用typescript。所以，经过一些研究，我发现这两个是不兼容的。我必须开始寻找TreeSelect的替代品；一个支持嵌套的下拉列表