在遇到后端给的是数字时,我们前端想要转成文字,这时候需要用到formatter格式化
而且不能把数据写死,以防后期 需要增加数据
<el-table-column
label="状态"
prop="status"
:formatter="statusFormatter">
</el-table-column>
//弹出对话框里面的 下拉框
<el-form-item label="状态" prop="status" >
<el-select v-model="userForm.status" filterable placeholder="请选择">
<el-option
v-for="item in yeno"
:key="item.value"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
methods:{
//格式化 遍历循环字典数据
statusFormatter( row ){
let typeName = row.status
this.yeno.forEach(item=>{
//我将yeno里面的数据和页面上显示列表页面里面的,如果和value相等,则将name给页面上所要显示的
if(typeName == item.value){
typeName = item.name
}
})
return typeName
},
},
mounted(){
//字典接口
dict().then(res=>{
console.log(res)
let {success,data}=res
if(success){
this.yeno = data //将字典里面的数据赋值给循环数组
}
})
}