Question

我使用v-textfild和v-treeview进行搜索。搜索结果为二级时，节点正确打开。在结果为三级的情况下，您只能看到两级的节点打开。为什么以及如何将树形视图打开到最深的节点？例子：树是

>A
  >B 
    >C

您正在搜索C。您可以看到结果

>A
   >B (C is in B)

我使用带有字段的标准节点 ID，名称，孩子们。组件代码：

<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)

Answer 1

有一个针对Totalhack的解决方法：

didReceiveRegistrationToken

参考 Treeview open

Vuetify v-treeview无法打开嵌套节点

1 个答案: