编程 Javascript

解决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,无法实时更新的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

解决vue中虚拟dom,无法实时更新的问题

- Author -

木雨痕

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript实例教程(19) 使用HoTMetal(7)

Dec 23 Javascript

JavaScript触发器详解

Mar 10 Javascript

Javascript日期对象的dateAdd与dateDiff方法

Nov 18 Javascript

jquery实现标题字体变换的滑动门菜单效果

Sep 07 Javascript

解决jquery插件：TypeError:$.browser is undefined报错的方法

Nov 21 Javascript

日常收集整理的JavaScript常用函数方法

Dec 10 Javascript

easyui导出excel无法弹出下载框的快速解决方法

Nov 10 Javascript

jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]

Jul 05 jQuery

基于Vue实例生命周期(全面解析)

Aug 16 Javascript

详解关闭令人抓狂的ESlint 语法检测配置方法

Oct 28 Javascript

vue使用screenfull插件实现全屏功能

Sep 17 Javascript

vue实现lodop打印功能的示例

Nov 11 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获取当前网址url并替换参数或网址的方法

2010/06/06 PHP

PHP json_encode中文乱码问题的解决办法

2013/09/09 PHP

php数组索引的Key加引号和不加引号的区别

2014/08/19 PHP

PHP生成不重复随机数的方法汇总

2014/11/19 PHP

如何解决PHP无法实现多线程的问题

2015/09/25 PHP

PHP+MySQL高并发加锁事务处理问题解决方法

2018/04/30 PHP

Laravel使用swoole实现websocket主动消息推送的方法介绍

2019/10/20 PHP

利用jQuery接受和处理xml数据的代码(.net)

2011/03/28 Javascript

js中的前绑定和后绑定详解

2013/08/01 Javascript

js中继承的几种用法总结(apply,call,prototype)

2013/12/26 Javascript

JavaScript实现Iterator模式实例分析

2015/06/09 Javascript

关于JavaScript和jQuery的类型判断详解

2016/10/08 Javascript

jquery实现回车键触发事件(实例讲解)

2017/11/21 jQuery

微信小程序实现点击按钮后修改颜色

2019/12/05 Javascript

微信小程序实现发微博功能的示例代码

2020/06/24 Javascript

[01:20]2018DOTA2亚洲邀请赛总决赛战队Mineski晋级之路

2018/04/07 DOTA

Python使用time模块实现指定时间触发器示例

2017/05/18 Python

详解python多线程、锁、event事件机制的简单使用

2018/04/27 Python

基于python的多进程共享变量正确打开方式

2018/04/28 Python

python实现nao机器人身体躯干和腿部动作操作

2019/04/29 Python

Python学习笔记之pandas索引列、过滤、分组、求和功能示例

2019/06/03 Python

pyinstaller打包opencv和numpy程序运行错误解决

2019/08/16 Python

Python中最好用的命令行参数解析工具(argparse)

2019/08/23 Python

Python+PyQt5实现灭霸响指功能

2020/05/25 Python

Python pysnmp使用方法及代码实例

2020/08/24 Python

美国女孩洋娃娃店：American Girl

2017/10/24 全球购物

法国最大的在线眼镜店：EasyLunettes

2019/08/26 全球购物

名词解释WEB SERVICE，SOAP，UDDI,WSDL，JAXP，JAXM；JSWDL开发包的介绍。

2012/10/27 面试题

体育专业个人求职信范文

2013/12/27 职场文书

乡镇三项教育实施方案

2014/03/30 职场文书

2014年图书管理员工作总结

2014/12/01 职场文书

2014年妇幼保健工作总结

2014/12/08 职场文书

公司财务经理岗位职责

2015/04/08 职场文书

禁毒心得体会范文

2016/01/15 职场文书

python实现进度条的多种实现

2021/04/29 Python

看完这篇文章获得一些java if优化技巧

2021/07/15 Java/Android