• VUE -- 对 Element UI table中数据进行二次处理


    时间——日期

    后台经常给我们返回的是 时间戳 (例如:1535620671)

    这时候我们页面展现的时候需要将时间戳转换为我们要的格式 例如 (YYYY-MM-DD HH:mm:ss)

    如果是在Element UI table中 我们需要用到 formatter 属性

    formatter 用来格式化内容

    <code>Function(row, column, cellValue, index)</code>
    

    使用方法:

    <el-table-column prop="Start" :formatter="dateFormat"  label="开始时间"></el-table-column>
    

    methods

     //时间格式化
                    dateFormat:function(row, column) {
                        var date = row[column.property];
                        if (date == undefined) {
                            return "";
                        }
                        return moment(date).format("YYYY-MM-DD HH:mm:ss");
                    },
    

    0—1 是—否 成功—失败

    **

    将后台返回给我们的0或者1 转换成我们需要的状态 例如 是否 成功失败 或者颜色状态

    使用方法

    <el-table-column prop="IsConst" :formatter="formatRole" label="是否是常量"></el-table-column>
    

    methods

     formatRole: function(row, column) {
                    return row.IsConst == true ?  "是": "否"
                },
    



  • 相关阅读:
    解题报告 The Rabbits
    解题报告 Function
    解题报告 大富翁
    解题报告 QUE
    解题报告 The cubes(即 银河英雄传说 NOI 2002)
    解题报告 xth 的苹果树
    解题报告 solve
    解题报告 Paid Roads
    解题报告 最小波动
    解题报告 Pizza
  • 原文地址:https://www.cnblogs.com/mafeng/p/11227210.html
Copyright © 2020-2023  润新知