如何在Vuetify中将事件绑定到树视图节点？

Question

我目前正在使用Vuetify制作树状视图。我想做的是每当我单击一个节点时都想绑定一个事件。例如，当我单击某个节点时，将弹出一个对话框以显示该节点的详细信息。我想知道如何触发点击事件。

Answer 1

<v-treeview
    v-model="tree"
    :items="items"
    :active="active"
    activatable
    open-on-click
    @update:active="test"
    >

<v-treeview
    v-model="tree"
    :items="items"
    :active="active"
    activatable
    open-on-click
    @update:active="test"
    >

Answer 2

Vuetify的Treeview组件提供了一个有范围的插槽标签，您可以使用它来更改为每个节点显示的内容。例如，要打开一个对话框，您可以执行以下操作：

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

然后，您可以使用对话框组件并使用openDialog方法打开它/更改其内容