美文网首页
vue之this.$nextTick()用法

vue之this.$nextTick()用法

作者: 老街老街 | 来源:发表于2019-11-05 12:55 被阅读0次

    改进前:document.querySelectorAll(".van-image__img");
    当我在查询动态渲染的DOM的时候,无法找到此DOM;

    改进后:
    this.$nextTick(function(){
    document.querySelectorAll(".van-image__img");
    });
    成功获取到


    image.png

    原因:
    Vue 是异步执行 DOM 更新,为了在数据变化之后等待 Vue 完成更新 DOM ,可以在数据变化之后立即使用 Vue.nextTick(callback) 。也就是在渲染DOM后再执行这个方法。

    相关文章

      网友评论

          本文标题:vue之this.$nextTick()用法

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