zoukankan      html  css  js  c++  java
  • 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 ?  "是": "否"
                },
    



  • 相关阅读:
    在移动端实现常按事件
    HBuilder的一些常用快捷键
    如何在vue里面调用高德地图
    js中获取当前时间
    vux使用方法
    模糊搜索的用法
    Vue-随笔小记
    常用到的一些事件
    java对接东华医疗数据库
    tomcat设置jdk路径
  • 原文地址:https://www.cnblogs.com/mafeng/p/11227210.html
Copyright © 2011-2022 走看看