Я использую v-textfild и v-treeview для поиска. Когда результат поиска двухуровневый, узлы открываются правильно. В случае, если результат трехуровневый, вы можете увидеть только двухуровневое открытие узлов. Зачем и как открывать древовидную структуру до самого глубокого узла? Пример: дерево
>A
>B
>C
Вы ищете C. Вы можете увидеть результат
>A
>B (C is in B)
Я использую стандартный узел с полями id, name, children. Код для компонентов:
<v-text-field label="search"
v-model="searchHashtag"
filled
</v-text-field>
<v-treeview
:items="filteredElements"
:open="filteredKeys"
item-key="name"
activatable
color="warning"
dense
return-object
hoverable>
<template slot="label" slot-scope="{ item }">
<a @click="onHashtagSelect(item)">{{ item.name }}</a>
</template>
</v-treeview>
Результат поиска из логов: (v-treeview открывает Страна)
0:
children: Array(1)
0:
children: Array(1)
0: {id: 20, name: "France", children: Array(0)}
length: 1
__proto__: Array(0)
id: 17
name: "Country"
__proto__: Object
length: 1
__proto__: Array(0)
id: 16
name: "world"
__proto__: Object
length:
__proto__: Array(0)