vue与element表格数据转换

在后台管理系统表格模块中，我们请求回来的数据，后台给我们返的不是字，而是给我们返回的是0和1，或者是A和B；但是怎么在表格中显示成字呢，这里就需要用到数据转换

formatter属性

1.第一步给返回的数据添加数据转换方法

<el-table :data="tableData"
                      class="table"
                      style="width: 100%"
                      prop="id">
                <el-table-column :formatter="formatztflag"
                                 prop="ztflag"
                                 label="状态">
                </el-table-column>
            </el-table>

2.第二步在methods中写数据转换方法，此处为formatztflag

methods:{
formatztflag: function(row, column) {
            return row.ztflag == "1"
                ? "已下架"
                : row.ztflag == "0"
                ? "上架中"
                : "暂无";
        }
}

参数row就是表格当前行的所有数据

附上图片

image.png