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