vue项目的el-table表格内容数值转为文字

1.如下图所示，有时候我们要在“文件类型”这一行显示文字，但是从后台获取的字段值是数字，所以需要转换一下

2.转换：

（１）HTML代码：

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

（２）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)。