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;
        };
    },
}

 

posted @ 2022-02-16 14:58  如意酱  阅读(707)  评论(0编辑  收藏  举报