vue3中用ant标签页组件,来回切换多次请求接口,表格里的数据没有发送变化
小魔女参考了bing和GPT部分内容调写:
解决这个问题可以采用两种方法:
第一种方法是在切换标签页时,重新发起请求,获取最新的数据,并将其展示在表格中。这种方法可以确保表格中的数据是最新的,但是会增加网络请求的次数,影响性能。
第二种方法是在切换标签页时,不发起请求,而是将之前获取的数据存储在本地,当切换回去时,从本地获取数据,展示在表格中。这种方法可以减少网络请求的次数,提升性能,但是需要注意的是,本地存储的数据可能会比较旧,所以需要定期更新本地存储的数据,以保证表格中的数据是最新的。
// 第一种方法
tabChange(activeKey) {
this.activeKey = activeKey
this.getData()
}
// 第二种方法
tabChange(activeKey) {
this.activeKey = activeKey
if (this.data[activeKey]) {
this.tableData = this.data[activeKey]
} else {
this.getData()
}
}
回答不易,记得采纳呀。
切换时是否重新调用接口赋值了