解决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 相关文章推荐
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
Jquery表单验证失败后不提交的解决方法
Oct 18 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
Jun 02 Javascript
详解Vue CLI3 多页应用实践和源码设计
Aug 30 Javascript
antd组件Upload实现自己上传的实现示例
Dec 18 Javascript
js实现滑动滑块验证登录
Jul 24 Javascript
jquery实现简单自动轮播图效果
Jul 29 jQuery
详解ES6 中的Object.assign()的用法实例代码
Jan 11 Javascript
如何封装Vue Element的table表格组件
Feb 06 Vue.js
Nest.js 授权验证的方法示例
Feb 22 Javascript
JavaScript实现两个数组的交集
Mar 25 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
用libtemplate实现静态网页生成
2006/10/09 PHP
开发大型 PHP 项目的方法
2007/01/02 PHP
MySQL中create table语句的基本语法是
2007/01/15 PHP
用PHP来计算某个目录大小的方法
2014/04/01 PHP
PHP循环输出指定目录下的所有文件和文件夹路径例子(简单实用)
2014/05/10 PHP
php制作动态随机验证码
2015/02/12 PHP
ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
2017/06/09 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
Javascript 二维数组
2009/11/26 Javascript
JS焦点图切换,上下翻转
2011/05/12 Javascript
基于jquery的代码显示区域自动拉长效果
2011/12/07 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
2013/06/05 Javascript
AngularJS中的API(接口)简单实现
2016/07/28 Javascript
jquery插入兄弟节点的操作方法
2016/12/07 Javascript
js实现文字跑马灯效果
2017/02/23 Javascript
React全家桶环境搭建过程详解
2018/05/18 Javascript
JS获取本地地址及天气的方法实例小结
2019/05/10 Javascript
[01:14:34]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第一局
2016/02/28 DOTA
Python中数字以及算数运算符的相关使用
2015/10/12 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
Python 使用Opencv实现目标检测与识别的示例代码
2020/09/08 Python
Python ellipsis 的用法详解
2020/11/20 Python
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
2020/12/10 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
canvas画布实现手写签名效果的示例代码
2019/04/23 HTML / CSS
土木工程专业大学毕业生求职信
2013/10/13 职场文书
实习生自我鉴定范文
2013/12/05 职场文书
结婚保证书范文
2014/04/29 职场文书
幼儿园标语大全
2014/06/19 职场文书
升学宴答谢词
2015/01/05 职场文书
酒店前台岗位职责
2015/04/16 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书
庆七一活动简报
2015/07/20 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
在Docker容器中部署SQL Server
2022/04/11 Servers