vue做脱敏中文姓名脱敏 李** 保留第一位,后面以*替换;
时间: 2024-03-18 22:37:18 浏览: 97
在Vue中对中文姓名进行脱敏,可以使用字符串的截取和替换方法来实现。以下是一种可能的实现方式:
1. 首先,获取中文姓名字符串。
2. 使用字符串的截取方法,将第一个字符保留下来。
3. 使用字符串的替换方法,将剩余的字符替换为*。
4. 将保留的第一个字符和替换后的字符串拼接起来,得到脱敏后的中文姓名。
下面是一个示例代码:
```javascript
// 获取中文姓名字符串
const chineseName = "李明";
// 截取第一个字符
const firstChar = chineseName.substr(0, 1);
// 替换剩余字符为*
const maskedName = firstChar + "*".repeat(chineseName.length - 1);
console.log(maskedName); // 输出:李**
```
相关问题
vue 手机号脱敏正则
在Vue中对手机号进行脱敏可以使用正则表达式来实现。根据提供的代码,可以看到在全局过滤器中使用了`replacestar`对手机号进行处理。具体的正则表达式如下:
```javascript
new RegExp("[^0-9]", "g")
```
这个正则表达式会匹配所有非数字的字符,并使用空字符串进行替换。然后根据手机号的长度,使用不同的正则表达式进行进一步处理:
```javascript
if (str.length == 11) {
str = str.toString().replace(/(\d{2})\d*(\d{2})/, '$1*******$2');
} else {
str = str.toString().replace(/(\d{2})\d*(\d{2})/, '$1*********$2');
}
```
这两个正则表达式分别用于处理11位手机号和其他位数的手机号。它们会将手机号的中间部分替换为若干个`*`,只显示前面两位和后面两位。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue项目中手机号脱敏(星号代替)](https://blog.csdn.net/m0_46183499/article/details/124076499)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
vue 前端el-table-column 卡号脱敏
在Vue前端使用Element UI库中的`el-table-column`时,卡号脱敏通常是为了保护用户的隐私信息,避免敏感数据直接展示在界面。在表格列(column)中处理卡号脱敏,你可以采用以下步骤:
1. 创建一个虚拟属性(v-model)来存储原始的卡号数据,例如 `privateCardNumber`
2. 使用计算属性(computed property)对原始卡号进行处理,将其转换为脱敏版本,如“*”或其他星号替换部分数字。这可以使用正则表达式或者字符串截取的方式实现。
```vue
<template>
<el-table-column label="卡号" prop="cardNumber">
<template slot-scope="scope">
<span v-if="!isMasked">{{ scope.row.privateCardNumber }}</span>
<span v-else>{{ maskedCardNumber(scope.row.privateCardNumber) }}</span>
</template>
</el-table-column>
</template>
<script>
export default {
computed: {
isMasked(cardNumber) {
// 如果需要始终显示脱敏,返回true;可以根据需求设置判断条件
return true;
},
maskedCardNumber(originalNumber) {
if (originalNumber && originalNumber.length > 4) { // 显示前四位和最后四位
return `${originalNumber.substring(0, 4)}****${originalNumber.substr(-4)}`;
} else {
return '*'; // 或者其他脱敏方式
}
}
}
};
</script>
```
阅读全文