elementui获取el-cascader选中的label的值

starstarstarl

于 2023-02-14 10:02:57 发布

阅读量920

点赞数

文章标签： elementui vue.js javascript

本文链接：https://blog.youkuaiyun.com/starstarstarl/article/details/129021700

版权

文章讲述了在Vue.js应用中，如何使用el-cascader组件监听change事件并调用handleChange方法获取选中的节点数据。通过this.$refs访问引用，可以得到checkedNode数组，进一步获取当前点击节点的label值，展示前端开发中的数据交互过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-cascader ref="cascader" @change="handleChange($event)"></el-cascader>

handleChange(row) {
    const checkedNode =  this.$refs["cascader"].getCheckedNodes();
    console.log( checkedNode[0].data.label ) ;  //获取当前点击节点的label值
}