zoukankan      html  css  js  c++  java
  • vue根据状态改变文字颜色

    html部分
     <template slot-scope="scope"><span :style="classObje(scope.row.id)" >{{scope.row.id}}</span></template>
    js部分
    computed: {
        classObje() {              
                    return (id) => { // 使用JavaScript闭包,进行传值操作
                        console.log(id)
                        
                        if (id === 77){
                            return {'color':'red'}
                        } 
                        else if (id === 78){
                            return {'color':'blue'}
                        } 
                        else if (id === 79){
                            return {'color':'yellow'}
                        } else if (id === 80){
                            return {'color':'#41b883'}
                        }
                            
                    }
                }
     
     
      },
    正道的光终将来临,当太阳升起的时候,光芒总会普照大地温暖人间。些许的阴霾也终会有被阳光洒满的一天
  • 相关阅读:
    自定义事件 Event 、CustomEvent的使用
    移动端适配方案总结
    @media screen媒体查询实现页面自适应布局
    判断页面所有图片加载完成后执行操作
    JQ选择器篇2
    JQ 选择器篇1
    sql 日期转换字符大法
    SQL server从入门精通----3种分页
    SQL server从入门精通----触发器
    SQL server从入门精通---- 事务
  • 原文地址:https://www.cnblogs.com/sjruxe/p/14966828.html
Copyright © 2011-2022 走看看