element Plus中获取Cascader 级联选择器选中的节点

最新推荐文章于 2025-03-08 23:24:13 发布

蓝胖子~

最新推荐文章于 2025-03-08 23:24:13 发布

阅读量3.8k

点赞数 1

文章标签： vue elementui

本文链接：https://blog.youkuaiyun.com/Bule_BUFF/article/details/120469830

版权

本文介绍了在Vue中如何使用Cascader组件，详细讲解了如何绑定change事件、添加ref属性以及如何通过proxy访问组件实例。通过proxy.$refs['departmentTree']可以获取到Cascader的当前节点，并利用getCheckedNodes方法获取选中的节点信息。重点讨论了Vue2中的this与proxy的差异，以及如何通过[0]索引获取所需节点详情。

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

给cascader中绑定change事件并且添加ref，v-model是要存储的值，options是要渲染出来的数据，props是对应渲染出来数据的规则。在这里插入图片描述
通过 proxy.$refs[‘departmentTree’]可以获取到当前节点。
getCheckedNodes是组件自带获取到节点的方法。
proxy相当于vue2中的this
由于获得到的是proxy，用[0]可以得到想要的节点