前言

略

this.$nextTick函數

this.$nextTick函數
nextTick函數是vue提供的，其作用為：

在下次 DOM 更新循環結束之后執行延遲回調。在修改數據之后立即使用這個方法，獲取更新后的 DOM。

重點1： 修改數據之后立即使用。
重點2： 下次DOM 更新后回調。

可能的寫法

<script> export default {data() {return {}},onLoad() {this.loadData();},methods: {loadData: function(e) {uni.request({url: ...,data: ...,success: (res) => {.../*拿到服務器返回的數據后，我想根據數據修改某個元素的高度*/this.$nextTick(function() {/*下次 DOM 更新時，找到某個控件，再進行復雜計算并確定其高度后*/});},fail: (res) => {...}}); },} }</script>

參考

uniapp 頁面渲染完成

總結

以上是生活随笔為你收集整理的uniapp 页面下次渲染完成后执行：this.$nextTick的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。