根据后台返回的数字 状态来改变字体的颜色
1 <div class="yousj_wen" :style="{color:getColor(item.zt).color}" v-html="getColor(item.zt).successtatus"></div> 3 data({ 4 return{ 5 successtatus: '', 6 } 7 }) 8 methods: { 9 getColor(zt) { 10 switch (zt) { 11 case 0: 12 return { successtatus: "未支付", color: "red" } 13 case 1: 14 return { successtatus: "已完成", color: "#4a9e4d" } 15 case 2: 16 return { successtatus: "支付失败", color: "gray" } 17 case 3: 18 return { successtatus: "已退款", color: "gray" } 19 default: 20 break; 21 } 22 }, 23 }
标签:case,return,successtatus,color,字体,变色,zt From: https://www.cnblogs.com/jjfsanlang/p/16744115.html