首页 > 其他 > 详细

关于vue的$refs出现undefined

时间:2021-01-11 14:43:09      阅读:86      评论:0      收藏:0      [点我收藏+]

问题描述:

dom结构有

<el-row v-if=aComplete && bComplete>
<el-row ref="myRef"></el-row>
</el-row>

你在aComplete的事件后增加了 

this.$nextTick(() => {
    // DOM 更新了
    console.log("0000")
    console.log(this.$refs["staffFormRef"])
    this.$refs["staffFormRef"].clearValidate();
});

仍然会出现undefined(因为bComplet可能还未是true)

解决方法:

1 v-if更改为 v-show

2 确保 a 和 b 都是complete再获取该对象的操作

v-if 会导致 ref 某一个dom节点找不到

 

关于vue的$refs出现undefined

原文:https://www.cnblogs.com/xuweiqiang/p/14261406.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!