vue利用三目运算符绑定class

2024年2月10日 126次阅读来源: Web_阿凯

通过三目运算符来绑定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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。