Vue之$nextTick属性

来源:互联网 发布:网络互动活动 编辑:程序博客网 时间:2024/04/28 17:27

因为Vue中DOM的更新是异步的,所以一般涉及到DOM的操作都会放在nextTick函数的回调中去执行

将回调延迟到下次 DOM 更新循环之后再执行。在修改数据之后立即使用它,然后等待 DOM 更新之后执行回调。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上

这里写图片描述

这里写图片描述
因为这里BScroll要获取DOM对象的高度,从而设置滚动,所以使用nextTick保证等到DOM全部加载完成后获取高度完成滑动效果

Vue.nextTick( callback, [context] )

在修改数据之后立即使用这个方法,获取更新后的 DOM,在 DOM 更新循环结束之后执行延迟回调

这里写图片描述

原创粉丝点击