vue利用三目运算符绑定class

vue利用三目运算符绑定class通过三目运算符来绑定class是一种比较常见的操作需要注意的是要在data里面声音下class的名称<p:class=”isIncrse?incrseP:downP”>环比<i></i>{{item.num}}</p>data(){return{isIncrse:true,in…

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

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/31564.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注