vue.js - 请教下element ui 表格中的prop 根据后台返回的 Status 来显示不同的状态,应该怎么操作呢

问题描述

问 题

查了下，有相关的问题，关键是我这个是基于element ui 表格中的prop来进行判断的，这就懵逼了。。。
如何应用的prop中 这个是关键。。
0是未确认
1是已确认

<el-table-column
              prop="orderStatus"
              label="订单状态"
              width="">

解决方案

谢邀！你的意思有点不明确！
你的意思是这样根据字段改表头？如果是就像下面代码那样写！

<el-table-column
          prop="orderStatus"
          label="订单状态"
          width=""
          v-if='orderStatus===0'
          >
            </el-table-column>
<el-table-column
          prop="orderStatus"
          label="订单XXX状态"
          width=""
          v-if='orderStatus===1'
          >
            </el-table-column>

如果是根据字段改内容，就像下面代码那样写！

    <el-table-column label="订单状态" width="">
                <template scope="scope">
                    <a href="javascript:;">{{scope.row.orderStatus===0?'已完成订单':'未完成订单'}}</a>
                </template>
            </el-table-column>

这篇关于vue.js - 请教下element ui 表格中的prop 根据后台返回的 Status 来显示不同的状态,应该怎么操作呢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！