vue利用三目运算符绑定class

 通过三目运算符来绑定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;
}

 

    原文作者:Web_阿凯
    原文地址: https://blog.csdn.net/weixin_45122120/article/details/103913004
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞