$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM。
//获得接口数据后,在页面更新完成再赋值数据
await this.$request({
...
}).then((res) => {
if (res.code === 0) {
that.$nextTick(() => {
that.bannerList = res.data.banner_list;
that.noticeData = res.data.notice;
that.shareData = res.data.share;
that.menusData = res.data.menus;
that.statusData = res.data.status;
});
}
}).catch((errorMsg) => {
...
});