elementui中cascader的getCheckedNodes获取为空数组

原创于 2021-08-24 16:44:35 发布

· 4.5k 阅读

2 ·

版权

文章标签：

#elementui #vue.js #前端

问题处理专栏收录该内容

1 篇文章

订阅专栏

在使用ElementUI的级联选择组件(cascader)时，遇到一个问题：通过搜索功能选取节点后，在变更事件(@change)中调用getCheckedNodes方法返回空数组。这个问题的解决方案是在变更事件处理函数内部使用`this.$nextTick`进行延迟操作，确保在DOM更新后再获取选中节点，代码如下： ``` handleChange(value) { this.$nextTick(() => { this.$refs['cascader'].getCheckedNodes(); }

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

问题描述：elementui的级联选择cascader中通过搜索选取的节点后，在@change中使用获取选中节点的方法getCheckedNodes，获取结果为空数组

解决方案：

在this.$nextTick中获取，如下：

handleChange(value) {
    this.$nextTick(() => {
        this.$refs['cascader'].getCheckedNodes()
     })
}