现有一个列表,后端为了储存数据内存最小化,往往会传个标识回来。
/*
new => '新用户' old => '老用户'
0 => 进行中 1 => 审核中 2 => 已完成
*/
let list = [
{ status: 'new', type: 0},
{ status: 'old', type: 1},
{ status: 'new', type: 2},
]
<div v-for="item,index in list" :key="index">
{{handleStatus(item.status)}}
{{handleType(item.type)}}
</div>
/*
利用对象的键和名进行判断
代码简洁,且不需要做多层级if判断。
*/
handleStatus(status){
let obj = {
new: '新用户',
old: '老用户',
}
if(obj[status]) return obj[status];
}
handleType(type){
let obj = {
0: '进行中',
1: '审核中',
2: '已完成',
}
if(obj[type]) return obj[type];
}