解决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为iframe的body添加click事件的实现代码
Apr 07 Javascript
仅img元素创建后不添加到文档中会执行onload事件的解决方法
Jul 31 Javascript
jquery插件jquery倒计时插件分享
Dec 27 Javascript
JavaScript模块随意拖动示例代码
May 27 Javascript
9款2014最热门jQuery实用特效推荐
Dec 07 Javascript
jQuery表单域选择器用法分析
Feb 10 Javascript
不得不分享的JavaScript常用方法函数集(下)
Dec 25 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
javascript 组合按键事件监听实现代码
Feb 21 Javascript
浅谈ES6 模板字符串的具体使用方法
Nov 07 Javascript
vue中动态添加class类名的方法
Sep 05 Javascript
JavaScript实现栈结构详细过程
Dec 06 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中的函数嵌套层数限制分析
2011/06/13 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
学习php设计模式 php实现命令模式(command)
2015/12/08 PHP
PHP中SERIALIZE和JSON的序列化与反序列化操作区别分析
2016/10/11 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
PHP rmdir()函数的用法总结
2019/07/02 PHP
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
2013/01/11 Javascript
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
JavaScript中的类数组对象介绍
2014/12/30 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
2015/03/25 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
Vuejs 组件——props数据传递的实例代码
2017/03/07 Javascript
ajax请求+vue.js渲染+页面加载的示例
2018/02/11 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
2018/09/25 Javascript
微信小程序新手教程之启动页的重要性
2019/03/03 Javascript
js实现网页版贪吃蛇游戏
2020/02/22 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
浅谈django orm 优化
2018/08/18 Python
Python JSON格式数据的提取和保存的实现
2019/03/22 Python
Python获取时间范围内日期列表和周列表的函数
2019/08/05 Python
python GUI库图形界面开发之PyQt5线程类QThread详细使用方法
2020/02/26 Python
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
以特惠价提供在线奢侈品购物:FRMODA.com
2018/01/25 全球购物
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
班组长工作职责
2013/12/25 职场文书
新闻人物通讯稿
2014/10/09 职场文书
公司开会通知
2015/04/20 职场文书
奖励通知
2015/04/22 职场文书
行政上诉状范文
2015/05/23 职场文书
网聊搭讪开场白
2015/05/28 职场文书