0
点赞
收藏
分享

微信扫一扫

vue之this.$nextTick()用法

两岁时就很帅 2021-09-24 阅读 73
日记本

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

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


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

举报

相关推荐

0 条评论