vue根据数字状态显示对应的文字状态

陈卿诺语

已于 2022-06-21 15:11:56 修改

阅读量1.1k

点赞数

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

于 2022-06-21 15:08:49 首次发布

本文链接：https://blog.csdn.net/code_nutter/article/details/125391517

版权

Vue 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

<template slot-scope="scope"> slot-scope="scope"代表插槽的意思，这里 scope 代表行 data。scope.row取整行数据

<el-table-column
      label="交易状态">
      <template slot-scope="scope">
            {{
              scope.row.order_state== 1
                ? "待发货"
                : scope.row.order_state== 2
                ? "待收货"
                : scope.row.order_state== 3
                ? "代付款"
                : scope.row.order_state== 4
                ? "已完成"
                : scope.row.order_state == 5
                ? "已取消"
                : ""
            }}
      </template>
    </el-table-column>