1.如下图所示,有时候我们要在“文件类型”这一行显示文字,但是从后台获取的字段值是数字,所以需要转换一下
在这里插入图片描述
2.转换:
(1)HTML代码:

<el-table-column label="文件类型", prop="fileType" :formatter="stateFormat"> </el-table-column>

其中,接口获取到的字段是fileType,我们需要在el-table-column这一行标签里面加上:formatter=“stateFormat”(stateFormat是一个自定义函数名),然后在methods里面定义方法,如下:
(2)methods代码:

stateFormat(row, column) {
                if (row.fileType === 0) {
                    return 'PDF'
                } else if(row.fileType === 1){
                    return '文档'
                } else if(row.fileType === 2){
                    return '图片'
                } 
            },

总结:所以只要两步即可达到目标,加一个属性:formatter="stateFormat"和定义一个方法stateFormat(row, column)。

Logo

前往低代码交流专区

更多推荐