vue計算屬性不同狀態不同顏色


<span :style="{ color: setStatusColor(scope.row.status) }">         
{{setStatusCN(scope.row.status) }}
</span>
computed: {
    setStatusColor() {
        return function (val) {
​            let colorStr = "";
​            switch (val) {
​                case "1":
​                    colorStr = "#D56848";
​                    break;
​                default:
​                    colorStr = "";
​            }
​            return colorStr;
        };
    },
    setStatusCN() {
        return function (val) {
​            let cn = "";
​            switch (val) {
​                case "1":
​                   cn = "駁回";
​                   break;
​               default:
​                   cn = "";
​           }
​           return cn;
        };
    },
}

 


免責聲明!

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



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