代码之家 › 专栏 › 技术社区 › Christian

如何倾听Vue.js中的elementui树发出的事件?

element-ui vue.js

Christian · 技术社区 · 6 年前

    <el-tree
            :data="data"
            :props="defaultProps">
    </el-tree>

根据文件A node-click 单击节点时会发出事件。我该如何倾听那个事件并在任何时候启动一个函数呢?

1 回复 | 直到 6 年前

Michele Riva 6 年前

尝试如下:

模板:

<el-tree
 :data="data"
 :props="defaultProps"
 @node-click="handleNodeClick"
>
</el-tree>

JavaScript:

methods: {
  handleNodeClick(data) {
    console.log(data);
  }
}

如果您想更详细地了解它的工作原理: https://jsfiddle.net/ncgoswjm/

再见!

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前