欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

解决vue中虚拟dom,无法实时更新的问题

时间:2020-11-08 12:41:41|栏目:vue|点击:

碰到的问题:使用jq获取元素节点的个数时一直为0

解决方法:使用vue的nextTick()函数即可解决

原理:nextTick可以在下一次更新dom之后进行回调,我的问题在于,在页面加载完成时无法获取虚拟dom,而使用回调函数后就可以获取到正确的dom数量,所以只需要在nextTick函数中执行jq函数就可以正确获取了。

self.$nextTick(function () {
 // DOM 更新了
 $("#myCarousel").carousel(0);
})

上一篇:vue插件draggable实现拖拽移动图片顺序

栏    目:vue

下一篇:详解element-ui动态限定的日期范围选择器代码片段

本文标题:解决vue中虚拟dom,无法实时更新的问题

本文地址:http://www.codeinn.net/misctech/20426.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有