Vue之$nextTick属性
生活随笔
收集整理的這篇文章主要介紹了
Vue之$nextTick属性
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
因?yàn)閂ue中DOM的更新是異步的,所以一般涉及到DOM的操作都會放在nextTick函數(shù)的回調(diào)中去執(zhí)行
將回調(diào)延遲到下次 DOM 更新循環(huán)之后再執(zhí)行。在修改數(shù)據(jù)之后立即使用它,然后等待 DOM 更新之后執(zhí)行回調(diào)。它跟全局方法 Vue.nextTick 一樣,不同的是回調(diào)的 this 自動綁定到調(diào)用它的實(shí)例上
因?yàn)檫@里BScroll要獲取DOM對象的高度,從而設(shè)置滾動,所以使用nextTick保證等到DOM全部加載完成后獲取高度完成滑動效果
Vue.nextTick( callback, [context] )
在修改數(shù)據(jù)之后立即使用這個(gè)方法,獲取更新后的 DOM,在 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)
總結(jié)
以上是生活随笔為你收集整理的Vue之$nextTick属性的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Jquery操作CSS常用方法
- 下一篇: Vue基础之Vue列表渲染