前端只显示名字的最后一个字其余显示星号

最新推荐文章于 2024-01-29 11:49:29 发布
原创 最新推荐文章于 2024-01-29 11:49:29 发布 · 2.9k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在Vue中实现名字部分隐藏的原生JS方法，通过将名字除最后一个字符外其余全部替换为星号，适用于列表循环加载的场景。只需在methods中定义方法并传入名字参数即可。

原生js写法
function formatName(str) {
return new Array(str.length).join(’*’) + str.substr(-1);
}

在vue中我们是列表循环加载会有多条名字
在这里插入图片描述
我们在methods中写入方法即可
name传入名字即可
在这里插入图片描述
在字段里写入即可。无论多少个字的名字只会显示最后一个字。

在这里如果我们只要显示最后一个字不用星号代替，只需要把join(’’) 写为空即可

在这里插入图片描述

【vue filters 过滤器】vue页面 局部使用，姓名只展示 第一个字，其他用 * 代替，手机号 中间 四位 星号 代替，过滤器处理价格，kb mb 文件大小之间的转换，获取未来day天的每一天
AAAXiaoApple的博客
06-09 648
【vue filters 过滤器】vue页面 局部使用， 姓名只展示 第一个字， 其他用 * 代替， 手机号 中间 四位 星号 代替， 过滤器处理价格， kb mb 文件大小之间的转换， 获取未来day天的每一天
前端知识宝典
最新发布
qq_37759901的博客
01-29 2336
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
VUE只显示名字最后一个字，其他的用*代替
Lidadeng的博客
03-18 1269
用过滤函数filter就可以了。 过滤函数filter,是与mounted，created平级位置 过滤函数filter，与mounted平级!value是要修改的参数值在这里插入图片描述 第一个参数是显示的字段，第二个是过滤器函数的名字在这里插入图片描述 ...
Vue学习笔记之Vue计算属性
weixin_45525630的博客
12-09 972
秋招过后，意识到自己的不足，最近又重新复习了一下codewhy老师的Vue，今天跟大家分享一下Vue插值的操作 文章目录一、计算属性的基本使用示例:二、计算属性的复杂操作示例:总结 一、计算属性的基本使用 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-w
让一个字符串只显示第一个字符, 其余星号代替
桃子阿桃
07-11 2074
let str = '你好,世界' function formatStr() { return str.substring(0,1) + new Array(str.length).join('*') } let hi = formatStr() console.log(hi)
vue中将名字，除了姓其余都用*标识
努力奔跑的小不点
06-10 1758
data(){ return{ list:[ { name:'高小小', age:20, },{ name:'高大大', age:20, } ] } } var reg = /(?<=.)./g; for(var i=0;i<this.list.length;i++){ this.list[i].name=this.list[i].name.replace(reg, '*'); console.log(this.list[i].
半个月时间把MySQL重新巩固了一遍，梳理了一篇几万字 “超硬核” 文章！
m0_67402235的博客
07-30 552
数据库（Database）是按照数据结构来组织、存储和管理数据的仓库。每个数据库都有一个或多个不同的API用于创建，访问，管理，搜索和复制所保存的数据。我们也可以将数据存储在文件中，但是在文件中读写数据速度相对较慢。所以，现在我们使用关系型数据库管理系统（RDBMS）来存储和管理大数据量。所谓的关系型数据库，是建立在关系模型基础上的数据库，借助于集合代数等数学概念和方法来处理数据库中的数据。对于数据库而言实际上每一张表都表示是一个数据库的对象，而数据库对象指的就是DDL定义的所有操作，例如。...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
m0_54854317的博客
03-03 1003
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
JS笔记(前端小灰狼)
tby_pr的博客
09-08 4033
目录 JavaScript基础语法 序言 JavaScript发展历史（JS） JavaScript能干什么 JavaScript的组成 JavaScript代码的书写位置 行内式 JS 代码（不推荐） 内嵌式 JS 代码 外链式 JS 代码（推荐） JS 中的注释 单行注释 多行注释 变量（重点） 定义变量及赋值 变量的命名规则和命名规范 数据类型（重点） 基本数据类型 复杂数据类型（暂时先不讲） 判断数据类型 判断一个变量是不是数字 数据类型转换 其他数据
Java中的名称命名规范
weixin_49762650的博客
10-08 238
Java中的名称命名规范
只保留首尾汉字，中间的汉字用*代替
weixin_39297798的博客
11-02 998
经常遇到一些昵称等在前台要显示部分汉字，需要用*号代替。可用如下方法实现 private function _hideName($user_name){ $strlen = mb_strlen($user_name, 'utf-8'); $firstStr = mb_substr($user_name, 0, 1, 'utf-8'); $lastStr
vue 前几位显示数据，中间用 *** ，后几位显示数据
不想起床
07-31 2068
需求 一行数据太长，但是想要显示起来美观一些，那就前面，后面，显示固定位数。中间用***显示 之前 现在 具体实现代码 利用fliter过滤器 {{item.BlockHash | testfile}} 第一个参数是显示的字段数据参数，第二个是过滤器函数的名字 过滤函数filter,是与mounted，created平级位置 // 数字中间加*号 value是传的参数值(后端返回的，需要你处理的数据) filters: { testfile (value) { const sta
姓名加星号显示，只显示第一位和最后一位
qq_48648782的博客
01-06 1115
姓名加密显示，只显示第一位和最后一位 例如： 张三---------张* 王麻子 ---------王*子 王二麻子 -------王**子 encryptName (name) { // 加密姓名 let enName = [] if (name.length === 2) { return name[0] + '*' } else { let num = name.length - 2 enName.pu
JAVA名字加密，只留姓的脱敏和中间脱敏
zhd0403的博客
09-10 6187
JAVA名字加密，脱敏 java正则姓名加密，保留姓，名用*号代替 原文地址 https://blog.youkuaiyun.com/chang384915878/article/details/82697021?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.edu_weight&depth_1-utm_source=distribute.pc_relevant_t0.none-task
vue必填字段加*号和常见手机号格式验证怎么设置
weixin_43778617的博客
10-17 4503
在需要加*号的字段里给加上class名字
姓名 数据脱敏，保留第一个字和最后一个字，其余*
x_nweBorder01k的博客
08-03 1936
姓名 数据脱敏，保留第一个字和最后一个字，其余*
前端展示用户名-手机号加密特殊处理
Teemo_shape的博客
07-23 3121
1.用户只保留姓后面打星号，或者前面型号只保留最后一个字。 方法一： 利用substr 对字符串进行截取**，封装成函数 function formatName(name) { let newStr; if (name.length === 2) { newStr = name.substr(0, 1) + '*'; // 通过substr截取字符串从第0位开始截取,截取1个 } else if (name.length > 2) { // 当名字大于2位时 ..
js 姓名显示最后一字其他替换成星号
有问题可关注公众号：前端研究院 后台输入问题回复
10-30 3355
function formatName(str) { return new Array(str.length).join('*') + str.substr(-1); } 、 反正我整理的博客都是平时用到的，都是方便我复制粘贴的 哈哈哈
前端如何处理数据脱敏
Jolly_zhang的博客
01-16 1100
前端如何处理数据脱敏
Bootstrap前端框架：左边栏菜单的隐藏与显示技巧
在Web开发中，左侧栏菜单的隐藏与显示是一个常见的需求，尤其是在响应式网站设计中。通过合理利用前端框架，开发者可以实现一个高效且用户友好的菜单切换机制。在这里，我们将详细探讨使用Bootstrap框架实现左侧栏...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值