Vue使用nextTick获取最新的DOM【Vue】

作者: 前端小野2分类: 野生技能协会 发布时间: 2020-11-03 10:55:28 浏览:8709 次

Vue使用nextTick获取最新的DOM【Vue】

工匠的公酱:
您好,nexttick根据vue官方的解释是,"在下一次 DOM 更新结束后执行其指定的回调",但是页面上已经有新的标签了啊,标签元素不也是dom的一部分吗?为什么不使用nexttick,拿到的length和页面上的元素总数不同呢?我卡在这里了。我自己认为,点击了按钮之后,listData已经push了新数据了,而且新数据产生的标签元素,已经在页面上呈现出来了不是吗?那么为什么拿到的length确实缺少的呢?

【回复】只有所有的同步代码完毕后,才会进行dom更新
【回复】回复 @罢了个吧吧 :谢谢
【回复】dom更新渲染是异步的 意思就是你的listData确实push新数据了但是这时页面还没渲染而你又在dom没更新渲染之前操作了dom 所以这个时间节点dom的数据还是没push前的旧数据 简单说就是只有数据变了 页面还没来得及更新渲染 至于你说的数据更新产生的新标签元素是dom更新渲染后产生的 但是在你打印那行代码执行的时候只有数据变了dom还没渲染所以当时操作dom拿到的就是旧数据
熊咪39:
最近在过一遍vue的api,您这个小视频真是太适合自学了,那些动辄几小时的视频虽然很细,但无用信息太多,您这个视频例子都特别好

不羁的草:
讲得很好,很喜欢这种小知识点学习!

快乐的普通碳基生物:
居然是和小野森森一个团队的,关注了关注了

_wavyhair:
vue的事件委托是啥 跟js那个事件委托一样吗 前两天被问倒了

五小谷:
以往想学习的时候,总是被时长几十分钟劝退,有点没耐心吧。真的很喜欢哈默出的这种几分钟的讲解!短短数分钟就讲得很清楚,喜欢这种碎片化学习的方式。而且,看完一个还想看下一个!就是币不多~再次感谢哈默~[保卫萝卜_哇][保卫萝卜_哇]

知识分享官 编程 前端 经验分享 JS WEB JAVASCRIPT VUE WEB前端

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!