uniapp 等待页面数据渲染完成后执行下一个方法问题
时间: 2023-12-01 13:02:09 浏览: 277
解决vue页面渲染但dom没渲染的操作
在 uni-app 中,可以使用 `onLoad` 钩子函数中的 `this.$nextTick()` 方法来等待页面数据渲染完成后执行下一个方法,示例代码如下:
```js
export default {
data() {
return {
list: []
}
},
onLoad() {
// 发起请求获取数据
this.getData()
},
methods: {
getData() {
// 发起请求
// ...
// 更新数据
this.list = res.data
// 等待页面数据渲染完成后执行下一个方法
this.$nextTick(() => {
this.doSomethingElse()
})
},
doSomethingElse() {
// ...
}
}
}
```
在 `getData` 方法中,更新数据后使用 `this.$nextTick()` 方法等待页面数据渲染完成后执行 `doSomethingElse` 方法。
阅读全文