解决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 相关文章推荐
Jquery练习之表单验证实现代码
Dec 14 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
js确定对象类型方法
Mar 30 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
Apr 23 Javascript
JQuery实现展开关闭层的方法
Feb 17 Javascript
js时钟翻牌效果实现代码分享
Jul 31 Javascript
微信支付 JS API支付接口详解
Jul 11 Javascript
Vue SPA单页应用首屏优化实践
Jun 28 Javascript
详解用JS添加和删除class类名
Mar 25 Javascript
Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式功能
Apr 09 Javascript
jquery绑定事件 bind和on的用法与区别分析
May 22 jQuery
three.js中多线程的使用及性能测试详解
Jan 07 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
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
PHP如何使用Memcached
2016/04/05 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
Laravel框架实现redis集群的方法分析
2017/09/14 PHP
asp.net+jquery滚动滚动条加载数据的下拉控件
2010/06/25 Javascript
JavaScript中json对象和string对象之间相互转化
2012/12/26 Javascript
简单的Jquery全选功能
2013/11/07 Javascript
vue实现element-ui对话框可拖拽功能
2018/08/17 Javascript
vuejs 制作背景淡入淡出切换动画的实例
2018/09/01 Javascript
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
JQueryDOM之样式操作
2019/03/27 jQuery
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
[03:55]显微镜下的DOTA2特别篇——430灰烬之灵神级操作
2014/06/24 DOTA
[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07
2020/11/10 DOTA
[41:11]完美世界DOTA2联赛PWL S2 Inki vs Magma 第一场 11.22
2020/11/24 DOTA
python选择排序算法实例总结
2015/07/01 Python
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
基于Python的文件类型和字符串详解
2017/12/21 Python
详解利用django中间件django.middleware.csrf.CsrfViewMiddleware防止csrf攻击
2018/10/09 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
Pycharm远程连接服务器并实现代码同步上传更新功能
2020/02/25 Python
mac在matplotlib中显示中文的操作方法
2020/03/06 Python
Python内存映射文件读写方式
2020/04/24 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
详解CSS3实现响应式手风琴效果
2020/06/10 HTML / CSS
HTML5实现应用程序缓存(Application Cache)
2020/06/16 HTML / CSS
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
简历中个人自我评价范文
2013/12/26 职场文书
财产公证书
2014/04/10 职场文书
大学生安全责任书
2014/07/25 职场文书
单位一把手群众路线四风问题整改措施
2014/09/25 职场文书
呼兰河传读书笔记
2015/06/30 职场文书
Python Pandas知识点之缺失值处理详解
2021/05/11 Python
vue elementUI表格控制对应列
2022/04/13 Vue.js