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

select * from employee where start_date >= '2017-01-01' and end_date <= '2017-12-31'-https://vue-treeselect.js.org/#disable-item-selection

Answer 2

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

如何将vue-multiselect与vue-treeSelect结合？

2 个答案: