解决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 相关文章推荐
js 多种变量定义(对象直接量,数组直接量和函数直接量)
May 24 Javascript
jQuery基础知识filter()和find()实例说明
Jul 06 Javascript
js判断FCKeditor内容是否为空的两种形式
May 14 Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
Jun 09 Javascript
js使用正则实现ReplaceAll全部替换的方法
Aug 22 Javascript
JavaScript中实现异步编程模式的4种方法
Sep 24 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
Jan 03 Javascript
vue组件 $children,$refs,$parent的使用详解
Jul 31 Javascript
Node.js笔记之process模块解读
May 31 Javascript
vue过滤器用法实例分析
Mar 15 Javascript
vue中axios实现数据交互与跨域问题
May 12 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
利用递归把多维数组转为一维数组的函数
2006/10/09 PHP
PHP循环结构实例讲解
2014/02/10 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
Jquery在IE7下无法使用 $.ajax解决方法
2009/11/11 Javascript
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
简单的Jquery全选功能
2013/11/07 Javascript
JS小功能(button选择颜色)简单实例
2013/11/29 Javascript
JavaScript检查某个function是否是原生代码的方法
2014/08/20 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
2016/05/03 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
激动人心的 Angular HttpClient的源码解析
2017/07/10 Javascript
微信小程序引用公共js里的方法的实例详解
2017/08/17 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
2019/09/18 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
Python3基础之输入和输出实例分析
2014/08/18 Python
python表格存取的方法
2018/03/07 Python
python文件拆分与重组实例
2018/12/10 Python
python3转换code128条形码的方法
2019/04/17 Python
django 做 migrate 时 表已存在的处理方法
2019/08/31 Python
python构建指数平滑预测模型示例
2019/11/21 Python
Mysql数据库反向生成Django里面的models指令方式
2020/05/18 Python
Python 如何创建一个线程池
2020/07/28 Python
css3 自定义字体font-face使用介绍
2014/05/14 HTML / CSS
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
行政办公室岗位职责
2014/03/18 职场文书
七夕活动策划方案
2014/08/16 职场文书
2014大学校园光棍节活动策划书
2014/09/29 职场文书
2014年团总支工作总结
2014/11/21 职场文书
2015年春训学习心得体会范文
2015/03/09 职场文书
护士心得体会范文
2016/01/25 职场文书
运动会主持人开幕词
2016/03/04 职场文书
Tomcat配置访问日志和线程数
2022/05/06 Servers