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'}
                    }
                        
                }
            }
 
 

 

  },


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM