通过三目运算符来绑定class是一种比较常见的操作

需要注意的是要在data里面声音下class的名称

 <p :class="isIncrse?incrseP:downP">环比<i></i>{{item.num}}</p>
data() {
    return {
        isIncrse: true,
        incrseP: 'incrseP',
        downP: 'downP'
    }
}
.downP {
    color: red;
}
.incrseP {
    color: pink;
}

 

Logo

前往低代码交流专区

更多推荐