element中table列数据的格式化(判断男女，是否等) formatter用法

发布时间：2020-12-15 07:26:55 所属栏目：Java 来源：网络整理

导读：随手记一个小的知识点?formatter用法需求:element的table数据格式,根据列数据判断是否选中，返回true是选中，否则是未选中。首先看看element中的解释 ? 简单写一下用法，因为比较简单就不做太多叙述，只是简单记录 ? ? template el-table :data="tableData

随手记一个小的知识点?formatter用法

需求:element的table数据格式,根据列数据判断是否选中，返回true是选中，否则是未选中。

首先看看element中的解释

简单写一下用法，因为比较简单就不做太多叙述，只是简单记录

   <template>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
      <el-table-column
        prop="sex"
        label="性别"
        :formatter="formatter"
        >
      </el-table-column>
    </el-table>
  </template>

  <script>
    export default {
      data() {
        return {
          tableData: [{
            date: ‘2016-05-02‘,name: ‘王小虎‘,address: ‘上海市普陀区金沙江路 1518 弄‘,sex:‘1‘
          },{
            date: ‘2016-05-04‘,address: ‘上海市普陀区金沙江路 1517 弄‘,sex:‘0‘

          },]
        }
      }，
      methods:{
          formatter(row,column) {
            return row.TableIsbibei === 1? "男" : "女";
        },}
    }
  </script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!