Element UI 表格隐藏身份证号:简单实用方法
<p>要隐藏表格中的身份证号,可以通过在表格的列定义中设置 formatter 函数来实现。具体步骤如下所示:</p>/n/n<ol>/n<li>在表格的列定义中,找到身份证号对应的列,给该列添加一个名为 'formatter' 的属性。</li>/n<li>在 'formatter' 属性中定义一个函数,该函数接收两个参数:'row' 和 'column'。</li>/n<li>在函数体中,根据需要隐藏的规则,对身份证号进行处理,返回处理后的结果。</li>/n</ol>/n/n<p>以下是一个示例代码:</p>/n/n```javascript/n<template>/n <el-table :data=/'tableData/'>/n <el-table-column prop=/'name/' label=/'姓名/'></el-table-column>/n <el-table-column prop=/'idCard/' label=/'身份证号/' :formatter=/'hideIdCard/'></el-table-column>/n </el-table>/n</template>/n/n<script>/nexport default {/n data() {/n return {/n tableData: [/n { name: '张三', idCard: '320123198901012345' },/n { name: '李四', idCard: '320123199012345678' }/n ]/n }/n },/n methods: {/n hideIdCard(row, column) {/n const idCard = row[column.property]/n // 根据需要隐藏的规则进行处理/n const hiddenIdCard = idCard.replace(/(/d{6})/d{8}(/d{4})/, '$1********$2')/n return hiddenIdCard/n }/n }/n}/n</script>/n```/n/n<p>在上面的示例中,我们使用正则表达式将身份证号的前六位和后四位保留,中间的八位用 '*' 替代,从而实现了隐藏身份证号的效果。你可以根据实际需求进行修改。</p>
原文地址: https://www.cveoy.top/t/topic/bW8o 著作权归作者所有。请勿转载和采集!