HTML样式
<div class="goodsStatus">
<div v-for="(item, index) in goodsStatusList" :key="index">
<div :class="{
goodsStatusBtn1:goodsStatusIndex == index,
goodsStatusBtn:goodsStatusIndex != index} "
@click="changeGoodsStatus(item,index)">
<span>{
{ item.name }}</span>
</div>
</div>
</div>
data
goodsStatusList: [ //循环列表
{
name: "铺货成功",
},
{
name: "审核待修改",
},
{
name: "审核中",
},
{
name: "已缺货",
},
],
goodsStatusItem:"",//获取点击的元素名称
goodsStatusIndex:0//:class做判断用,默认选中第一个