美文网首页
对 Element UI table中数据进行二次处理

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

作者: 罗小耳 | 来源:发表于2018-10-16 16:39 被阅读144次

    时间——日期

    后台经常给我们返回的是 时间戳 (例如: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 ?  "是": "否"
                },
    

    相关文章

      网友评论

          本文标题:对 Element UI table中数据进行二次处理

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