列可以设置 :formatter，对列的值进行处理

最新推荐文章于 2024-08-09 11:14:56 发布

陌上浮屠

最新推荐文章于 2024-08-09 11:14:56 发布

阅读量2.1w

点赞数 4

分类专栏： elementUI

本文链接：https://blog.csdn.net/weixin_38788947/article/details/76177316

版权

elementUI 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

这里写图片描述
需要对数字进行处理

<el-table stripe :data="tableData.List" border style="width: 100%">
        <el-table-column type="index" width="60" align='center'></el-table-column>
        <el-table-column prop="CorpName" label="企业名称" align='center'> </el-table-column>
        <el-table-column prop="Merchno" label="商户号" width="180" align='center'></el-table-column>
        <el-table-column prop="Mediumno" width="180" label="钱包ID" align='center'></el-table-column>
        <el-table-column prop="Email" label="企业邮箱" width="250" align='center'> </el-table-column>
        <el-table-column prop="IsAudit"  :formatter="formatterColumn" label="审核状态" width="120" align='center'></el-table-column>
        <el-table-column prop="UpdatedOnUTC" width="180" label="审核时间" align='center'></el-table-column>
        <el-table-column label="操作" width="70" align='center'>
            <template scope="scope">
       <el-button  type="text" size="small" @click="handleEditFun( scope.row)" >审核</el-button>
     </template>

methods: {
        ...mapActions([
            'getCompanyData'
        ]),
        //状态改成汉字
        formatterColumn(row, column) {
            switch(row.IsAudit){
                case 0:
                return '未通过';
                break;

                case 1:
                return '审核通过';
                break;

                case 10:
                return '待审核';
                break;


                case 9:
                return '草稿';
                break;
                default:
                return '未知';
            }
        },
}