Vuetify的Treeview组件提供了一个作用域插槽label,您可以使用它来更改 for each node 显示的内容.例如,要打开对话框,可以执行以下操作:
<v-treeview
v-model="tree"
:items="items"
activatable
item-key="name">
<template slot="label" slot-scope="{ item }">
<a @click="openDialog(item)">{{ item.name }}</a>
</template>
</v-treeview>
然后,您可以使用dialog组件,并使用openDialog方法打开/更改其内容