vue -选项卡缓存划过的选项

思路是单例模式。
列表里面的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 // 请求数据
		}
	}
},

猜你喜欢

转载自blog.csdn.net/junjiahuang/article/details/108414391