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


Posted in Javascript onSeptember 15, 2018

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

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

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

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

以上这篇解决vue中虚拟dom,无法实时更新的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js中eval详解
Mar 30 Javascript
『jQuery』名称冲突使用noConflict方法解决
Apr 22 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
Sep 05 Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 Javascript
jquery自定义插件——window的实现【示例代码】
May 06 Javascript
详解Javascript中prototype属性(推荐)
Sep 03 Javascript
Vuejs第十三篇之组件——杂项
Sep 09 Javascript
webpack4+react多页面架构的实现
Oct 25 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 Javascript
可能被忽略的一些JavaScript数组方法细节
Feb 28 Javascript
vue+web端仿微信网页版聊天室功能
Apr 30 Javascript
JavaScript实现五子棋小游戏
Oct 26 Javascript
js事件on动态绑定数据,绑定多个事件的方法
Sep 15 #Javascript
vue 的点击事件获取当前点击的元素方法
Sep 15 #Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
Sep 15 #Javascript
vue绑定事件后获取绑定事件中的this方法
Sep 15 #Javascript
浅谈vue方法内的方法使用this的问题
Sep 15 #Javascript
微信小程序动态增加按钮组件
Sep 14 #Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 #Javascript
You might like
PHP中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
php使用PDO获取结果集的方法
2017/02/16 PHP
thinkPHP实现的联动菜单功能详解
2017/05/05 PHP
PHP设计模式之原型模式定义与用法详解
2018/04/03 PHP
简单通用的JS滑动门代码
2008/12/19 Javascript
9个JavaScript评级/投票插件
2010/01/18 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
2010/05/21 Javascript
javascript 隔行换色函数代码
2010/10/24 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
ExtJS[Desktop]实现图标换行示例代码
2013/11/17 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
通过JS来判断页面控件是否获取焦点
2014/01/03 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
js实现鼠标移动到图片产生遮罩效果
2017/10/21 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
vue2路由基本用法实例分析
2020/03/06 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
2021/01/07 Vue.js
[02:39]DOTA2英雄基础教程 极限穿梭编织者
2013/12/05 DOTA
Python生成随机MAC地址
2015/03/10 Python
python内存管理分析
2015/04/08 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
解决Django一个表单对应多个按钮的问题
2019/07/18 Python
python中用logging实现日志滚动和过期日志删除功能
2019/08/20 Python
python 实现目录复制的三种小结
2019/12/04 Python
Python远程linux执行命令实现
2020/11/11 Python
内刊编辑求职自荐书范文
2014/02/19 职场文书
毕业论文评语大全
2014/04/29 职场文书
文明城市创建标语
2014/06/16 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
2015年小学远程教育工作总结
2015/07/28 职场文书
Ruby GDBM操作简介及数据存储原理
2022/04/19 Ruby
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers