短视频平台开发,选项卡缓存划过的选项

关于短视频平台开发,选项卡缓存划过的选项,思路是单例模式。
列表里面的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 // 请求数据
		}
	}
},

以上就是关于短视频平台开发,选项卡缓存划过的选项如何实现,更多信息欢迎关注之后的文章
本文转载自网络,转载仅为分享干货知识,如有侵权欢迎联系云豹科技进行删除处理

你可能感兴趣的:(技术类,网络,java,vue,python,大数据)