vue以两种形式敲击形成el-table-column低格式数据
在vue中，当我们使用表格来显示数据列表时，我们经常需要监听某个单元格的数据表格计算elementui表格计算elementui，比如状态值或者时间数据。 这时候我们可以使用自定义模板或者使用**:formatter**来分流数据和低格式数据。
自定义样式模板
审核通过
审核不通过
自定义样式模板中的scope代表整个表的数据对象，其中scope.row代表数据对象的行，自定义模板中的scope.row可以作为函数参数。
优点：使用scope可以更灵活的指定vue的样式，可以和v-if、v-for结合使用
缺点：当数据量较大时，不容易复用。 虽然相似或相同的底层数据处理需要单独编写模板
:格式化程序
：格式化程序中的等效函数在vue的方法中声明
createTimeFilter: function (row, column, cellValue) {
if (cellValue != null) {
return moment(cellValue).format("YYYY-MM-DD HH:mm:ss");
}
},
capitalFormatter(row, column, cellValue) {
let result = Math.floor(cellValue / 1e6)
return result > 0 ? result + "万元" : "<1万元";
},
:formatter 是列参数，表示对当前列的数据进行低格式操作。 该技术共有四个参数：行、列、单元格值、索引。
row：很容易知道，就是这一行的所有数据
column：是该列的数据
cellValue：是该单元格中的值
index：是这条数据的下标值
您可以使用 return 返回所需的数据以在单元格中显示
优点：在处理类似类型的数据时，可以使用一种方法来减少
缺点：范围不灵活
