vue2.0$nextTick监听数据渲染完成之后的回调函数
来源:互联网 发布:淘宝双11 销量冠军 编辑:程序博客网 时间:2024/06/01 21:27
vue里面本身带有两个回调函数:
一个是`Vue.nextTick(callback)`,当数据发生变化,更新后执行回调。
另一个是`Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调。
栗子:
一个是`Vue.nextTick(callback)`,当数据发生变化,更新后执行回调。
另一个是`Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调。
栗子:
...<ul id="demo"> <li v-for="item in list">{{item}}</div></ul>...
new Vue({ el:'#demo', data:{ list=[0,1,2,3,4,5,6,7,8,9,10] }, methods:{ push:function(){ this.list.push(11); this.nextTick(function(){ alert('数据已经更新') }); this.$nextTick(function(){ alert('v-for渲染已经完成') }) } }})
阅读全文
0 0
- vue2.0$nextTick监听数据渲染完成之后的回调函数
- 回调函数在Android监听的体现
- Android的按钮监听事件&自定义回调函数
- uploadify中完成回调函数不执行的解决方法
- vue加载完成后的回调函数
- 回调函数中数据的获取
- Vue监听当数据发生改变v-for渲染完成
- iOS监听拨打电话回调函数
- libcur设置接收数据的回调函数以及回调函数的使用
- AJax的使用json数据的传输回调函数
- 在循环里写异步的回调函数或者事件监听的回调
- 精灵动画的用法,及动画完成后的回调函数
- jquery回调函数接受服务器端返回的数据
- 关于回调函数处理DLL里的数据问题
- libCurl回调函数写入数据不全的问题
- emWin界面库注意事项之自定义回调函数之后,句柄为0
- 用回调函数来完成多种数据类型的插入排序
- irp的异步完成_取消irp设置回调函数_应用层CancelIo
- 权限管理命令chmod
- 鼓风机
- 多线程的入门(第一章)
- 线段树二
- h5多图片上传
- vue2.0$nextTick监听数据渲染完成之后的回调函数
- html发送邮件
- java class 文件格式分析及实例完全标注
- Java学习笔记之IO(十):BufferedWriter缓冲输出字符流
- LeetCode----- 15.3Sum
- 成为一个高效的web开发人员,只需要三步
- HttpURLConnection
- Java多线程之wait(),notify(),notifyAll()
- 欢迎使用CSDN-markdown编辑器