vue 第一次获取ref失败

问题：在很多情况下，第一次获取ref会失败，但是第二次会成功。

在element-ui中弹框中的表格中绑定了ref ，点击按钮开启弹框并且获取ref这个时候就会失败代码如下：

image.png

失败原因：弹框开启时DOM还没有完全加载完成，所以会导致第一次获取不到ref

解决方法：

• 第一种（推荐）

this.$nextTick(()=>{
  ....
})

image.png

-第二种：使用时间函数，延迟

setTimeout(()=>{
 ...
})

image.png

综上所述，两种方法都可以解决Dom节点没有加载完全导致的ref获取不到哈～～推荐第一种哈

PS：喜欢的点个小星星吧，不喜欢也点一下哈，嘿嘿