美文网首页
【实战中的问题】VUE中,HTML对象的ID,在mounted中

【实战中的问题】VUE中,HTML对象的ID,在mounted中

作者: 奔跑的程序媛A | 来源:发表于2021-03-12 10:39 被阅读0次

问题:HTML对象的ID, 在mounted中用ID获取对象却获取不到对象
原因:与vue的渲染顺序有关,在mounted执行时,dom其实并没有渲染完成,所以,在mounted中用动态的ID获取对象是获取不到的。
解决:用vue提供的$nextTick

mounted: function() {
    this.initParm(); //参数初始化
 
    console.log($(".randomBoxDiv"));
    console.log(this.objId);
 
    //把动态获取ID的操作放到this.$nextTick的回调中执行即可
    this.$nextTick(() => {
        console.log($("#"+this.objId));
    }
}
  • nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用nextTick,则可以在回调中获取更新后的 DOM。

相关文章

网友评论

      本文标题:【实战中的问题】VUE中,HTML对象的ID,在mounted中

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