uniapp 页面下次渲染完成后执行:this.$nextTick
生活随笔
收集整理的這篇文章主要介紹了
uniapp 页面下次渲染完成后执行:this.$nextTick
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
前言
略
this.$nextTick函數(shù)
this.$nextTick函數(shù)
nextTick函數(shù)是vue提供的,其作用為:
在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)。在修改數(shù)據(jù)之后立即使用這個方法,獲取更新后的 DOM。
重點1: 修改數(shù)據(jù)之后立即使用。
重點2: 下次DOM 更新后回調(diào)。
可能的寫法
<script> export default {data() {return {}},onLoad() {this.loadData();},methods: {loadData: function(e) {uni.request({url: ...,data: ...,success: (res) => {.../*拿到服務(wù)器返回的數(shù)據(jù)后,我想根據(jù)數(shù)據(jù)修改某個元素的高度*/this.$nextTick(function() {/*下次 DOM 更新時,找到某個控件,再進行復(fù)雜計算并確定其高度后*/});},fail: (res) => {...}}); },} }</script>參考
uniapp 頁面渲染完成
總結(jié)
以上是生活随笔為你收集整理的uniapp 页面下次渲染完成后执行:this.$nextTick的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 金融量化之tushare模块的使用
- 下一篇: 视力正常范围是多少