<el-table-column
prop="prefecture"
label="地州"
width="120"
:formatter="prefectureTran"
>
</el-table-column>
prop="prefecture"
:设置该列的属性名称为 "prefecture",在数据源中对应的字段名为 "prefecture"。label="地州"
:设置该列的标题为 "地州",用于显示在表头中。width="120"
:设置该列的宽度为 120px。:formatter="prefectureTran"
:使用:formatter
属性绑定一个方法prefectureTran
作为该列的格式化函数,用于自定义数据的展示方式。
data() {
return {
/* 地州选项 */
prefectureOptions: [
{value: 1, label: '乌鲁木齐'},
{value: 2, label: '克拉玛依'},
{value: 3, label: '吐鲁番'},
{value: 4, label: '哈密'},
],
}
}
/*内容转换*/
//地州
prefectureTran(row){
for (let i = 0; i < this.prefectureOptions.length; i++) {
if(row.prefecture == this.prefectureOptions[i].value){
return this.prefectureOptions[i].label;
}
}
},
效果: