Element UI 表格隐藏身份证号 - 使用 formatter 属性

要隐藏表格中的身份证号，可以使用 Element UI 表格的 'formatter' 属性来自定义渲染表格中的内容。具体操作步骤如下：

1. 在表格的列定义中，为身份证号列添加 'formatter' 属性，指定一个自定义的格式化函数。例如：

{
  prop: 'idCard',
  label: '身份证号',
  formatter: formatIdCard
}

2. 在 Vue 组件中定义 'formatIdCard' 函数，该函数用于格式化身份证号的显示。例如：

methods: {
  formatIdCard(row, column) {
    // 在这里根据需求进行身份证号的隐藏或加密处理
    // 返回处理后的身份证号，供表格渲染
    return '***************';
  }
}

3. 在模板中使用 Element UI 的表格组件，并将定义的 'formatIdCard' 函数绑定到表格的 'formatter' 属性上。例如：

<el-table :data="tableData">
  <el-table-column prop="idCard" label="身份证号" :formatter="formatIdCard"></el-table-column>
  <!-- 其他表格列的定义 -->
</el-table>

这样，身份证号在表格中就会以 '***************' 的形式显示，实现了隐藏的效果。你可以根据具体需求，在 'formatIdCard' 函数中添加更多的逻辑来进行身份证号的隐藏或加密处理。