解决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 相关文章推荐
在Ajax中使用Flash实现跨域数据读取的实现方法
Dec 02 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
JavaScript中读取和保存文件实例
May 08 Javascript
JavaScript中对象property的删除方法介绍
Dec 30 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
jQuery实现滚动效果
Nov 17 jQuery
微信小程序按钮去除边框线分享页面功能
Aug 27 Javascript
浅谈Javascript常用正则表达式应用
Mar 08 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
小程序中this.setData的使用和注意事项
Aug 28 Javascript
javascript递归函数定义和用法示例分析
Jul 22 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 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堆排序(heapsort)练习
2013/11/13 PHP
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
JavaScript高级程序设计
2006/12/29 Javascript
传智播客学习之java 反射
2009/11/22 Javascript
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
中文输入法不触发onkeyup事件的解决办法
2014/07/09 Javascript
jquery预加载图片的方法
2015/05/27 Javascript
初识Javascript小结
2015/07/16 Javascript
JavaScript学习小结(一)——JavaScript入门基础
2015/09/02 Javascript
javascript实现下雪效果【实例代码】
2016/05/03 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
jQuery图片轮播实现并封装(一)
2016/12/03 Javascript
iview table render集成switch开关的实例
2018/03/14 Javascript
vue 中filter的多种用法
2018/04/26 Javascript
解决webpack+Vue引入iView找不到字体文件的问题
2018/09/28 Javascript
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
2020/02/25 Javascript
angular中的post请求处理示例详解
2020/06/30 Javascript
在Django框架中伪造捕捉到的URLconf值的方法
2015/07/18 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
Python实现计算文件MD5和SHA1的方法示例
2019/06/11 Python
Python如何使用k-means方法将列表中相似的句子归类
2019/08/08 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
python 提高开发效率的5个小技巧
2020/10/19 Python
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
ALDI奥乐齐官方海外旗舰店:德国百年超市
2017/12/27 全球购物
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
小学领导班子对照材料
2014/08/23 职场文书
学校运动会广播稿100条
2014/09/14 职场文书
2015年七一建党节演讲稿
2015/03/19 职场文书
茶花女读书笔记
2015/06/29 职场文书
礼貌问候语大全
2015/11/10 职场文书
详解Django中 render() 函数的使用方法
2021/04/22 Python
晶体管单管来复再生式收音机
2021/04/22 无线电