uniapp-024-内容区列表item滑动-联动-选项卡变化
·
需求
我们已经实现了：内容区的list组件。
我们已经需要：将内容区的list组件和选项卡关联。
效果就是：点击选项卡的时候，内容区的list组件要变化的。
从内容区到选项卡的联动
1、list(swiper)组件监听item的滑动事件change；
2、在change事件处理方法中，通过this.$emit发送自定义事件change，传入一个current数值表示当前显示的item是整个swiper中的哪一个；
3、list(swiper)的父组件是index.vue，接收这个自定义事件；
4、在list(swiper)中使用属性tabIndex接收current，然后将tabIndex传入tab选项卡组件；
5、在tab选项卡组件中通过props接收tabIndex，通过watch监听props变化，将tabIndex的变化值复制给activeIndex(这个属性控制了哪个选项卡活跃)
更多推荐
2
0- 0
已为社区贡献10条内容
所有评论(0)