Vue-Element之表格数据处理

2017-10-06  本文已影响0人  晔子与Bug的战斗史
  1. 时间类数据的处理,一般拿到的数据是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;//返回处理完的数据
}
  1. 关于状态status
    状态一般会提前约定好,数字与状态名称的对应关系。鉴于后期有可能对此作出修改,因此在组件中,定义好状态对应的变量名称,方便后期的修改、维护
statusList:{
  DRAFT       :  {id: 1, name: '草稿'},
  REJECT     :  {id: 2, name: '驳回'},
  PASS          :  {id: 3, name: '通过'}
},
status:[
  {id: 1, name: '草稿'},
  {id: 2, name: '驳回'},
  {id: 3, 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;  
}
上一篇下一篇

猜你喜欢

热点阅读