uniapp-025-选项卡点击-联动-内容区列表item变化
·

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(这个属性控制了哪个选项卡活跃)
更多推荐

所有评论(0)