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

最新推荐文章于 2024-01-16 18:15:15 发布
最新推荐文章于 2024-01-16 18:15:15 发布
阅读量2.8k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoHelloWord/article/details/103744830
版权

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

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

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

在这里插入图片描述

真的不想哇
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue必填字段加*号和常见手机号格式验证怎么设置
weixin_43778617的博客
10-17 4076
在需要加*号的字段里给加上class名字
vue计算属性实现姓名、手机号脱敏(替换字符串中间四位为星号)
码农键盘上的梦
07-21 5404
实现结果：姓名脱敏规则：姓名两个字=>显示姓,名用*代替姓名三个字=>显示第一位和第三位,第二位用*代替姓名大于四个字=>第二位第三位*号代替,其余正常显示手机号脱敏规则：仅显示前三位及后四位数字，隐藏信息用*代替。
VUE只显示名字最后一个字，其他的用*代替
Lidadeng的博客
03-18 1111
用过滤函数filter就可以了。 过滤函数filter,是与mounted，created平级位置 过滤函数filter，与mounted平级!value是要修改的参数值在这里插入图片描述 第一个参数是显示的字段，第二个是过滤器函数的名字在这里插入图片描述 ...
vue中将名字，除了姓其余都用*标识
努力奔跑的小不点
06-10 1538
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].
【vue filters 过滤器】vue页面 局部使用，姓名只展示 第一个字，其他用 * 代替，手机号 中间 四位 星号 代替，过滤器处理价格，kb mb 文件大小之间的转换，获取未来day天的每一天
AAAXiaoApple的博客
06-09 464
【vue filters 过滤器】vue页面 局部使用， 姓名只展示 第一个字， 其他用 * 代替， 手机号 中间 四位 星号 代替， 过滤器处理价格， kb mb 文件大小之间的转换， 获取未来day天的每一天
Vue学习笔记之Vue计算属性
weixin_45525630的博客
12-09 881
秋招过后，意识到自己的不足，最近又重新复习了一下codewhy老师的Vue，今天跟大家分享一下Vue插值的操作 文章目录一、计算属性的基本使用示例:二、计算属性的复杂操作示例:总结 一、计算属性的基本使用 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-w
Laravel框架之解决前端显示图片问题
10-16
今天小编就为大家分享一篇Laravel框架之解决前端显示图片问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
java实现后台数据显示在前端
08-25
java实现后台数据显示在前端 Java实现后台数据显示在前端是指在Java web开发中，将后台数据显示在前端页面上的技术实现。下面将详细介绍相关知识点。 知识点1：AJAX简介 AJAX（Asynchronous JavaScript and XML）...
实现一个窗体在最前端显示的VC++源代码
03-15
内容索引:VC/C++源码,界面编程,顶端　VC++实现一个窗体在最前端显示，在众多播放器上有典型应用，当选择此项后，所有打开的窗体都不能覆盖到本窗口，它一直在窗口的最顶层显示，你可始终见到它的身影。
前端html中的表格滚动显示.rar
03-22
前端html中的表格table滚动显示,前端html中的表格table滚动显示 前端html中的表格table滚动显示前端html中的表格table滚动显示 前端html中的表格table滚动显示 前端html中的表格table滚动显示 前端html中的表格...
layui中layer前端组件实现图片显示功能的方法分析
08-29
主要介绍了layui中layer前端组件实现图片显示功能的方法,结合实例形式分析了layui中layer组件调用图片显示功能的操作方法与相关注意事项,并提供了layer与layui源码下载,需要的朋友可以参考下
js 姓名显示最后一字其他替换成星号
有问题可关注公众号：前端研究院 后台输入问题回复
10-30 3136
function formatName(str) { return new Array(str.length).join('*') + str.substr(-1); } 、 反正我整理的博客都是平时用到的，都是方便我复制粘贴的 哈哈哈
姓名 数据脱敏，保留第一个字和最后一个字，其余*
x_nweBorder01k的博客
08-03 1621
姓名 数据脱敏，保留第一个字和最后一个字，其余*
前端如何处理数据脱敏
最新发布
Jolly_zhang的博客
01-16 565
前端如何处理数据脱敏
前端学习之**溢出文字省略号显示**
qq_54798136的博客
02-23 655
**溢出文字省略号显示**
vue 前几位显示数据，中间用 *** ，后几位显示数据
不想起床
07-31 1896
需求 一行数据太长，但是想要显示起来美观一些，那就前面，后面，显示固定位数。中间用***显示 之前 现在 具体实现代码 利用fliter过滤器 {{item.BlockHash | testfile}} 第一个参数是显示的字段数据参数，第二个是过滤器函数的名字 过滤函数filter,是与mounted，created平级位置 // 数字中间加*号 value是传的参数值(后端返回的，需要你处理的数据) filters: { testfile (value) { const sta
js 让名字显示星号 （脱敏）
飞猪
12-03 4079
js 让名字显示星号 function formatName(name) { var newStr; if (name.length === 2) { newStr = name.substr(0, 1) + '*'; } else if (name.length > 2) { var char = ''; for (var i = 0, len = name.length - 2; i < len; i++) {
vue 指令（二）
nanwanLisa的博客
07-25 161
Vue 指令（二） v-bind单项数据绑定 属性和数据进行绑定 通过操作数据就可以改变V中的dom样式，相当于操作了dom 举例：表单的value属性和一个数据绑定 就是不绑定一个数据在某一个属性身上 v-bind两种绑定方式 1.绑定类名 2.绑定样式 类名的绑定 两种写法 数组 <p :class="['size','bg']">里面的css可以改变head里面的样式直...
字符串里有\r \n \t 等特殊符号, 前端页面怎么显示出来
热门推荐
weixin_49577940的博客
11-17 1万+
如图, 右边是后端返回给我的数据 , 包含\r\n , 就是换行加空格 ,页面上要像左边一样显示出换行及空格,如果直接用普通标签渲染数据 , 换行和空格不会显示出来 , 这时候需要用pre标签渲染 一 , pre标签的作用 <pre> 标签可定义预格式化的文本。 被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 如果想要把某一段规定好的文本格式放在HTML中，那么就要利用pre元素的特性 二 ...
ai回包数据在前端显示，效果为一个个字显示
05-12
这个效果可以通过前端的显示控制来实现。你可以使用 JavaScript 中的 `setInterval` 函数来间隔一定时间显示一个字符。具体实现可以参考以下示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AI Chat</title> </head> <body> <div id="chat-box"></div> <script> // 设置一个字符串 var message = "这是一个测试消息。"; // 获取显示区域 var chatBox = document.getElementById("chat-box"); // 初始化计数器 var count = 0; // 每隔 200ms 显示一个字符 var timer = setInterval(function() { if (count < message.length) { chatBox.innerHTML += message.charAt(count); count++; } else { // 显示完成后停止计时器 clearInterval(timer); } }, 200); </script> </body> </html> ``` 以上代码会在页面中显示一个文字逐个显示的效果。你可以将其中的 `message` 变量替换为 AI 回复的内容，并将 `setInterval` 函数中的间隔时间调整为你需要的时间。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值