问题: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。