在Vue.js中使用Element-UI，遇到动态增加Tree控件时，可能出现`$refs`未定义的错误。问题源于DOM元素未加载完成就尝试操作。解决方案包括使用`Vue.nextTick`或`$nextTick`确保DOM更新后再执行。另外，正确引用`ref`以避免`setCheckedKeys`和`getCheckedKeys`方法调用失败的问题。在新增或编辑请求前，需要正确转换Tree控件的勾选状态格式。
问题背景
在表单中动态增加的Tree控件中，注册一个 ref 引用，报错如下：
this.$refs[‘showRegionsTree’] is not a function
在调用Tree控件的 setCheckedKeys、getCheckedKeys，分别报错如下：
Cannot read property ‘setCheckedKeys’ of undefined"
Cannot read property ‘getCheckedKeys’ of undefined"
动态增加的Tree控件
表单中动态增加控件可参考文章，通过按钮增加Tree控件大同小异：
动态增加的Tree控件如图：
订阅专栏 解锁全文
扫一扫
3568
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
