解决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 Clone Bug解决代码
Dec 22 Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
Feb 26 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 Javascript
Angular移动端页面input无法输入的解决方法
Nov 14 Javascript
Bootstrap-table自定义可编辑每页显示记录数
Sep 07 Javascript
js继承的这6种方式!(上)
Apr 23 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
layui异步加载table表中某一列数据的例子
Sep 16 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
Sep 28 Javascript
js 闭包深入理解与实例分析
Mar 19 Javascript
vue实现拖拽交换位置
Apr 07 Vue.js
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
eWebEditor v3.8 商业完整版 (PHP)
2006/12/06 PHP
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
ThinkPHP在新浪SAE平台的部署实例
2014/10/31 PHP
微信推送功能实现方式图文详解
2019/07/12 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
javascript中的107个基础知识收集整理 推荐
2010/03/29 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
2013/01/27 Javascript
javascript中encodeURI和decodeURI方法使用介绍
2013/05/06 Javascript
下拉列表select 由左边框移动到右边示例
2013/12/04 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
2016/01/25 Javascript
跨域请求的完美解决方法(JSONP, CORS)
2016/06/12 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
2017/01/19 Javascript
Map.vue基于百度地图组件重构笔记分享
2017/04/17 Javascript
vue v-on监听事件详解
2017/05/17 Javascript
Vue.js图片预览插件使用详解
2018/08/27 Javascript
vue实现form表单与table表格的数据关联功能示例
2019/01/29 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
2019/05/14 Javascript
layui原生表单验证的实例
2019/09/09 Javascript
基于JavaScript获取base64图片大小
2019/10/18 Javascript
three.js 利用uv和ThreeBSP制作一个快递柜功能
2020/08/18 Javascript
[01:12:53]完美世界DOTA2联赛PWL S2 Forest vs SZ 第一场 11.25
2020/11/26 DOTA
Python中的CURL PycURL使用例子
2014/06/01 Python
python在linux中输出带颜色的文字的方法
2014/06/19 Python
线程和进程的区别及Python代码实例
2015/02/04 Python
Python自然语言处理之词干,词形与最大匹配算法代码详解
2017/11/16 Python
Python实现Pig Latin小游戏实例代码
2018/02/02 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
python实现代码统计器
2019/09/19 Python
PyQt5 QDockWidget控件应用详解
2020/08/12 Python
详解python tcp编程
2020/08/24 Python
Python3获取cookie常用三种方案
2020/10/05 Python
用python对excel查重
2020/12/07 Python
python中numpy数组与list相互转换实例方法
2021/01/29 Python
德国网上花店:Valentins
2018/08/15 全球购物
2019年Java面试必问之经典试题
2012/09/12 面试题
个人债务授权委托书范本
2014/10/05 职场文书