解决前端页面中DOM加载及数据获取的延迟问题(setTimeout和$nextTick)
1.setTimeout(() => {}, 500);===>setTimeout用来解决第一次查看表单没有赋值成功问题2.this.$nextTick(() => {});$nextTick是vue的DOM更新队列的下一个tick完成时触发;===>在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中//等DOM
·
1.setTimeout(() => {}, 500);
===> setTimeout用来解决第一次查看表单没有赋值成功问题
2.this.$nextTick(() => {});
$nextTick
是vue的DOM更新队列的下一个tick完成时触发;
===> 在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中
//等DOM加载完之后再给表单赋值
this.$nextTick(() => {
this.$refs.modelForm.form.setFieldsValue(formValues);
})
3.注意
数据获取有延迟时使用:setTimeout(() => {}, 500);
DOM加载有延迟时使用:this.$nextTick(() => {});
更多推荐
已为社区贡献12条内容
所有评论(0)