用vue 的 v-for 实现按钮选中改变样式,且获取对应值
<div class="vip-buy"> <div v-for="(item,index) in vipSet" :key="item.payprice" class="vip-buy-item" :class="{'select-item':index == clickIndex}" // 判断当前点击标签 @touchstart="clickIndex = index" //记录当前点击标签 @touchend="select(item.payprice)" //将对应值传递出去 > <p>{{item.length}}</p> <p>{{item.priceNow}}</p> <p class="del">{{item.priceLast}}</p> </div> </div> </div>