vue项目的el-table表格内容数值转为文字
1.如下图所示,有时候我们要在“文件类型”这一行显示文字,但是从后台获取的字段值是数字,所以需要转换一下2.转换:(1)HTML代码:<el-table-column label="文件类型", prop="fileType" :formatter="stateFormat"> </el-table-column>其中,接口获取到的字段是fileType,我们需要在el-t
·
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)。
更多推荐
已为社区贡献4条内容
所有评论(0)