问题:在很多情况下,第一次获取ref会失败,但是第二次会成功。
在element-ui中弹框中的表格中绑定了ref ,点击按钮开启弹框并且获取ref这个时候就会失败代码如下:
image.png
失败原因:弹框开启时DOM还没有完全加载完成,所以会导致第一次获取不到ref
解决方法:
- 第一种(推荐)
this.$nextTick(()=>{
....
})
image.png
-第二种:使用时间函数,延迟
setTimeout(()=>{
...
})
image.png
综上所述,两种方法都可以解决Dom节点没有加载完全导致的ref获取不到哈~~推荐第一种哈
PS:喜欢的点个小星星吧,不喜欢也点一下哈,嘿嘿
网友评论