enter image description here

我目前正在使用Vuetify制作一个treeview.我想做的是,每当我点击一个 node 时,我都想绑定一个事件.例如,当我点击某个 node 时,会弹出一个对话框,显示该 node 的详细信息.我想知道如何在点击时触发事件.

推荐答案

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方法打开/更改其内容

Vue.js相关问答推荐

具有VUE身份验证的Azure AD

绑定事件在渲染函数中不起作用

Vue3 动态渲染

云Firestore保存额外的用户数据

带有参数的 Vuex 映射 Getter - 缓存?

VueJS - 将单独的组件加载到 vue 实例中

Vuex 和 Event Bus 有什么区别?

在组件上的 Vue 3 中获取 URL 查询参数

为什么组件在 v-if 下没有被销毁

未捕获的类型错误:无法读取未定义的属性initializeApp

Webpack 你可能需要一个合适的加载器来处理这个文件类型

Vuetify - 如何保持第一个扩展面板默认打开,如果我打开另一个面板,其他面板应该关闭?

VueJS + VueRouter:有条件地禁用路由

vuex: unknown getter: user

如何将 mapActions 与 vue + Typescript 类组件一起使用?

Axios-一次发出多个请求(vue.js)

为什么 v-model 不适用于数组和 v-for 循环?

为 Vue 组件动态添加属性

NPM:403 禁止 - PUT http://registry.npmjs.org/[package-name] - 禁止

在 Vue.js 模板中调用函数