vue.js - Vuetify v-treeview - 如何以编程方式打开节点？

Question

在 Vuetify 中重新加载数据后 v-treeview组件，我需要在特定节点中以编程方式打开树(我保存在内存中的最后一次打开)。

是否可以？什么是正确的做法？

https://vuetifyjs.com/en/components/treeview/

感谢您的帮助。

更新

我已经解决了我的问题。我错了。

为了刷新数据，我使用了我的 loadData()使用 :loading 的函数属性。

使用它，v-treeview刷新 dom 丢失当前打开状态。
我创建了一个 updateData()仅重新加载的函数 :items属性。节点在相同状态下保持打开状态。

它工作正常，所以我不必以编程方式实现打开节点。

无论如何，我让这个问题保持开放状态，因为如果存在的话，分享一种在 v-treeview 中以编程方式打开节点的方法可能会很有用。 .

Answer 1

您可以使用:open.sync，例如

<v-treeview :items="yourItemsTree" :open.sync="openIds" hoverable>

现在，openIds 是一个带有打开项(它的项键)的数组(两种方式都使用同步修饰符。

或者，您可以使用

<v-treeview :items="yourItemsTree" @update:open="onOpen" hoverable>

和

methods: {
  onOpen(items) {
    this.openIds = items
  }
}