vue横着TAB切换

<div class="proDdescripton">
<p @click="tabChange(index)" v-for="(item,index) in tabArray" :key="index"><span :class="{'active': isActive === index}">{{item}}</span></p>
</div>
<div class="proDdescriptonInfo">
<!--概述-->
<!--参数-->
<div class="tabContent" v-show="isActive === 0"><img v-lazy="'http://tianyi.zhongkakeji.com/media/' + detail.detail_info" alt="" class="introPro"></div>
<div class="tabContent" v-show="isActive === 1"><img v-lazy="'http://tianyi.zhongkakeji.com/media/' + detail.parameter_image" alt="" class="introPro"></div>
</div>


data () {
return {
tabArray:['概 述','参数'],
sildeList: [],
}
},


tabChange (index) {
this.isActive = index

},



猜你喜欢

转载自www.cnblogs.com/chengyalin/p/9159129.html