关于el-table-column的formatter的使用及说明

 <el-table-column label="性别" align="center" :formatter="gendarFomat"></el-table-column>

    gendarFomat(row, column) {
      if (row.gender == 0) {
        return "女";
      } else if (row.gender == 1) {
        return "男";
      } else {
        return "-";
      }
    },

 <el-table :data="tabledata">
      <el-table-column label="类型"  prop="type">
          <template slot-scope="scope">
                <span>
                  <span v-if="scope.row.type === '1'">菜单</span>
                  <span v-else-if="scope.row.type === '2'">按钮</span>
                  <span v-else>其他</span>
                </span>
            </template>
      </el-table-column>
   </el-table>

 <el-table :data="tabledata">
      <el-table-column label="类型" :formatter="typeFormatter" prop="type"></el-table-column>
 </el-table>

//规范化类型   默认有四个参数（row, column, cellValue, index）详情可以查看elmentUI官网
      typeFormatter(row){
            switch(row.type){
              case '1':
                return '菜单'
              case '2':
                return '按钮'
              default:
                return '其他'
            }

      }