Vue中的$nextTick()
发布日期:2022-03-15 19:30:49 浏览次数:9 分类:技术文章

本文共 321 字,大约阅读时间需要 1 分钟。

概念

在下次 DOM 更新循环结束之后执行延迟回调

什么时候会用到$nextTick

有时候我们想要在created中获取到dom元素,就可以使用$nextTick()
 

created(){

let that=this;that.$nextTick(function(){ //不使用this.$nextTick()方法会报错that.$refs.aa.innerHTML="created中更改了按钮内容"; //写入到DOM元素});}

 
  1. 如果想要在修改数据后立刻得到更新后的DOM结构,可以使用Vue.nextTick()

  2. vue 改变 dom 元素结构后使用 vue.$nextTick()方法来实现 dom 数据更新后延迟执行后续代码

转载地址:https://blog.csdn.net/weixin_58102387/article/details/122995463 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:上传,头像的使用
下一篇:v-if 和v-show 的区别

发表评论

最新留言

表示我来过!
[***.240.166.169]2024年04月19日 16时15分38秒