Как объединить 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/

Answer 2

Проблема в том, что я пытаюсь использовать древовидную выборку, но я также использую машинопись. Итак, после некоторых исследований я обнаружил, что эти два не совместимы. Я должен начать искать альтернативу TreeSelect; выпадающий, который поддерживает вложение