Vue-Element之表格数据处理
2017-10-06 本文已影响0人
晔子与Bug的战斗史
- 时间类数据的处理,一般拿到的数据是ms,而需要转变成2017-09-08 12:00:00的形式
<el-form-item label="时间:" prop="time">
<template scope="scope">
{{formatTime(scope.row.time)}}
</template>
</el-form-item>
//js
formatTime(time){
//在此处将时间格式为想要的形式
return result;//返回处理完的数据
}
- 关于状态status
状态一般会提前约定好,数字与状态名称的对应关系。鉴于后期有可能对此作出修改,因此在组件中,定义好状态对应的变量名称,方便后期的修改、维护
statusList:{
DRAFT : {id: 1, name: '草稿'},
REJECT : {id: 2, name: '驳回'},
PASS : {id: 3, name: '通过'}
},
- 如果用于状态判断,采用 status == statusList.DRAFT.id的形式
- 如果用于下拉框,则遍历转化为相应的数组,
status:[
{id: 1, name: '草稿'},
{id: 2, name: '驳回'},
{id: 3, name: '通过'}
],
- 如果用于列表,则遍历、判断,返回相应的name
formatStatus(status){
let result = '';
let obj = {};
for(let i in this.statusList){
obj = this.statusList[i];
if(status === obj.id){
result = obj.name;
break;
}
}
return result;
}