vue+Element UI根据状态码判断状态值

最新推荐文章于 2023-08-26 09:15:53 发布

前端-文龙刚

最新推荐文章于 2023-08-26 09:15:53 发布

阅读量471

点赞数 1

分类专栏： Vue Element 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_17211063/article/details/127266091

版权

Vue 同时被 2 个专栏收录

97 篇文章 2 订阅

订阅专栏

Element

36 篇文章 0 订阅

订阅专栏

HTML：

ScannCodePayStatus：定义的参数名

<el-table-column label="订单状态" align="center" >
    <template slot-scope="scope">
        <span>{{ ScannCodePayStatus[scope.row.orderStatus] }}</span>
    </template>
</el-table-column>

JS：在data中定义对应的数据

ScannCodePayStatus: {
                "-1": "已取消",
                "0": "交易关闭",
                "1": "待支付",
                "2": "支付中",
                "3": "已支付",
                "4": "已退款",
                "5": "已发货",
                "6": "待提货",
                "7": "确认收货",
                "8": "退款中",
                "10": "退款失败"
            },