Vue Table 表格利用formatter属性格式化数据-木庄网络博客

2020-02-25 08:53:28 木庄网络博客 JavaScript

Vue Table 表格利用formatter属性格式化数据（关键代码）：

<el-table-column
          :prop="item.prop"
          :label="item.label"
          :width="item.width"
          :key="item.prop"
          :formatter="replaceStr"
        ></el-table-column>

methods: {
onLineStr(row, column) {
      if (column.property == "列名") {
        return ["状态1", "状态2", "状态3"][row.列名];
      }
      return row[column.property];
    }
}

相关阅读 >>

vue基于iview table展示图片实现点击放大功能

在vue style中使用data中的变量的方法详解

bootstrap和vue的区别

vue cli是什么

更多相关阅读请进入《vue》频道 >>