vue动态绑定class

动态绑定class


  
    
      
        {{getCouponValuePre(item)}}
        {{getCouponValue(item)}}
        {{getCouponValueAfter(item)}}
       
    
  

在computed中新增class动态名称

computed: {
  getCouponList(){
    this.couponList.forEach((item) => {
      item.couponTypeClass = 'coupon-type-' + item.coupon_type;  //新增class动态名称
    })
                
    return this.couponList;
  }
},

在style中写好对应class动态名称



你可能感兴趣的:(vue动态绑定class)