element-ui的el-table表格数据展示方法

1

<el-table-column label="居室" prop="roomNumber">
  <template slot-scope="scope">
     <div>{{ scope.row.roomNumber=== 1 ? "一居室" : "两居室" }}</div>
  </template>
</el-table-column>

2

 <el-table-column
    label="面积"
    prop="areaRange"
    :formatter="areaChoose"
 ></el-table-column>
methods:{
   areaChoose(row) {
      if (row.areaRange) {
        return row.areaRange;
      } else if (row.areaFrom) {
        return row.areaFrom;
      } else {
        return row.areaTo;
      }
   },
}