vue使用element ui 表格el-table-column里面做判断

最新推荐文章于 2024-05-03 14:36:01 发布

我的86呢！

最新推荐文章于 2024-05-03 14:36:01 发布

阅读量8.6k

点赞数 9

分类专栏： vue2后台管理系统文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/maowencai/article/details/126971235

版权

vue2后台管理系统专栏收录该内容

14 篇文章 0 订阅

订阅专栏

第一种：

效果：

第二种;

效果：

代码：

//第一种
 <el-table-column prop="status"
                         label="样本状态"
                         width="180">
          <template slot-scope="scope">
            <span v-show="scope.row.status==1">已取样</span>
            <span v-show="scope.row.status==2">实验室处理中</span>
            <span v-show="scope.row.status==3">测序中</span>
            <span v-show="scope.row.status==3">数据分析中</span>
            <span v-show="scope.row.status==3">已完成</span>
          </template>
        </el-table-column>

//第二种
<el-table-column prop="type"
                         label="样本类型"
                         :formatter="sample">
          <!-- <template slot-scope="scope">
            <span v-show="scope.row.type==1">血液</span>
            <span v-show="scope.row.type==2">尿液</span>
            <span v-show="scope.row.type==3">唾液</span>
          </template> -->
        </el-table-column>



sample(row, column, cellValue) {
      if (cellValue == '1') {
        return '血液'
      } else if (cellValue == '2') {
        return '尿液'
      } else {
        return '唾液'
      }
    },