思路是单例模式。
列表里面的item封装起来。
在item组件里面设置标识isInit
来判断是否要再次加载当前item。
props: {
index: { // 当前tab下标
type: Number,
default: 0,
}
},
data() {
isInit: false // 默认未初始化
},
watch:{
// 监听下标的变化
index(val){
if (this.i === val && !this.isInit) {
this.isInit = true; // 标记为true, 下次就不会再进入了。
// this.$apis.xxx // 请求数据
}
}
},