参考链接：
https://blog.csdn.net/bobobocai/article/details/91437656
- 在用vue+elementUI开发后台系统的时候，登录和注册用了同一个弹出框。为了在新增弹出框清空表单, 使用了
this.$refs[ruleForm].resetFields()
报错信息：
image.png
报错代码：
image.png
问题原因：
mounted加载table数据后，隐藏的弹出框冰没有编译到DOM里面。所以每次点击出现Dialog的时候，$refs冰没有获取到DOM元素导致'resetFields' of undefined
解决方案：
1.判断是不是第一次点击，如果是第一次就点击就没必要清空 Dialog 表单数据, 根据this.nextTick，保证DOM已经渲染成功
showModal() {
this.$nextTick(() => {
if (this.$refs['ruleForm'] !== undefined) {
this.$refs['ruleForm'].resetFields()
}
})
},
网友评论