Vue点击当前增加class其他删除class

<li v-for="(item, index) in correList" v-on:click="clickTopUp(item.id)" v-bind:class='{actives:item.id==faceValue}'>
{{item.money}}<br><span>消耗{{item.integrals}}积分</span></li>
export default{
    data () {
      return {
        faceValue: "0",
        correList: '',
      }
    },
     methods:{
      clickTopUp:function(id){
        this.faceValue = id;
        console.log("id======",id)
      }
    },
.actives{ 
      border: 1px solid #1e93ff;
      color: #1e93ff;
    }

猜你喜欢

转载自blog.csdn.net/gqzydh/article/details/80652430