nexttick是怎么可以获取到更新后的dom的_每日进步一小步之nextTick使用

V005-vue中$nextTick使用★★★

this.$nextTick 会在所有的dom都加载完毕后，才执行。

qdleader




created() {
console.log(this.$refs['hello']);
this.$nextTick(() => {
console.log(this.$refs['hello']);
});
}


这里打印

undefined

qdleader

{{ value }}

点击



打印

qdleader 和 你好呀

在方法里直接打印的话， 由于dom元素还没有更新， 因此打印出来的还是未改变之前的值，而通过this.$nextTick()获取到的值为dom更新之后的值

未完待续。。

福利来啦 跨越山海去拥抱你，你的付出不会被辜负，前端路一起加油。扫码回复资料可以领10g前端资料，也可回复加群，加入交流群。

另有github每日更新精选面试题欢迎star https://github.com/qdleader/qdleader