您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“vue如何使用nextTick”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“vue如何使用nextTick”這篇文章吧。
功能: 添加在下次Dom更新循環結束之后的延遲回調,修改數據之后,可以獲取更新后的Dom。
用法:
Vue.nextTick( [callback, context] ) vm.$nextTick( [callback] ) // 用法2 // 作為一個 Promise 使用 (2.1.0 起新增) Vue.nextTick() .then(function () { // DOM 更新了 })
說明:
callback:延遲回調函數
context:可選的object
ps:2.1.0 起新增:如果沒有提供回調且在支持 Promise 的環境中,則返回一個 Promise。請注意 Vue 不自帶 Promise 的 polyfill,所以如果你的目標瀏覽器不原生支持 Promise (IE:你們都看我干嘛),你得自己提供 polyfill。
擴展: 關于nextTick的執行機制和使用場景,我們還必須掌握類似的requestAnimationFrame() 和 process.nextTick(), 前者是瀏覽器自帶的監聽(在下次重繪之前執行),后者是node環境下,在下一個事件輪詢的時間點上執行。
以上是“vue如何使用nextTick”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。