美文网首页
vue 第一次获取ref失败

vue 第一次获取ref失败

作者: 小西瓜简书 | 来源:发表于2019-03-21 23:12 被阅读0次

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

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


    image.png

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

    解决方法:

    • 第一种(推荐)
    this.$nextTick(()=>{
      ....
    })
    
    image.png

    -第二种:使用时间函数,延迟

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

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

    PS:喜欢的点个小星星吧,不喜欢也点一下哈,嘿嘿

    相关文章

      网友评论

          本文标题:vue 第一次获取ref失败

          本文链接:https://www.haomeiwen.com/subject/xptkvqtx.html