美文网首页
Vue-Element之表格数据处理

Vue-Element之表格数据处理

作者: 晔子与Bug的战斗史 | 来源:发表于2017-10-06 14:43 被阅读0次
    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 == 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;  
    }
    

    相关文章

      网友评论

          本文标题:Vue-Element之表格数据处理

          本文链接:https://www.haomeiwen.com/subject/kxvlyxtx.html