前端vue 隐藏部分手机号码

从零开始:使用 Vue.js 构建场地预约系统 | 完整代码解析 超实用的场地预约页面开发教程 | 学习 Vue.js前端开发的必备指南 深入浅出 Vue.js:场地预约系统实例 | 新手友好、易 阅读详情

前端 vue隐藏部分手机号码

正则表达式

主要代码

<script>
export default {
  name: '',
  filters: {
    phoneFilter(val) {
      const reg = /^(.{3}).*(.{4})$/
      return val.replace(reg, '$1****$2')
    },
  },
  data() {
      return {
      phone: '13690818675',
    }
  },
  methods: {},
}
</script>

html

  <span>{{phone | phoneFilter}}</span>

结果

136****8675
Vue--》打造个性化医疗服务的医院预约系统(四) 今天开始使用搭建一个医院预约系统的前台页面,因为文章会将项目的每一个地方代码的书写都会讲解到,所以本项目会分成好几篇文章进行讲解,我会在最后一篇文章中会将项目代码开源到我的上,大家可以自行去进行下载运行,希望本文章对有帮助的朋友们能多多关注本专栏,学习更多前端vue知识,然后开篇先简单介绍一下本项目用到的技术栈都有哪几个方面(:快速轻量且功能丰富的前端构建工具,帮助开发人员更高效构建现代Web应用程序。:高性能、轻量级npm替代品,帮助开发人员更加高效地处理应用程序的依赖关系。 阅读详情

相关推荐

手机号码抽奖隐藏中间4位

手机号码抽奖隐藏中间4位

vue 实现手机号中间四位隐藏,显示*

vue 实现手机号中间四位隐藏,显示*

qq_43405603的博客 2629

Vue中如何使用过滤器来隐藏手机号、邮箱等字符串的中间部分内容

Vue中如何使用过滤器来隐藏手机号的中间部分内容

日常笔记 | 干货分享 | 毕设源码 | 毕设指导 | 答辩指导 1748

Vue表格中手机号码隐藏与分组

vue的表格中手机号码分组显示/隐藏显示

Kisushotto的博客 1085

vue2列表手机号隐藏

【代码】vue2列表手机号隐藏

qq_69775429的博客 320

vue项目中隐藏字符串中几位字符

js中定义一个structure()方法,返回一个新的字符串 //隐藏中间几位字符 structure(array){ // 将字符串转化成数组 let arrBox= [...array]; // 2.将数组中的4-7位变成* var str=''; //map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值 arrBox.map((res, index) => { if (index > 3 &&a

抚首 1446

[每天进步一点点~] uni-app 隐藏手机号中间四位数、邮箱号码中间部分隐藏

1. 隐藏手机号中间四位 效果图: 代码: <template> <view class=""> <view class="">我们向{{tel}}发送了验证码</view> </view> </template> <script> export default ...

DarlingYL的博客 6158

前端Vue自定义手机号文本格式化组件手机号码文本转星号

对于cc-format-phone组件,我们可以根据不同的业务需求,拆分出不同的手机号格式化规则。cc-format-phone组件是前端Vue组件的一个示例,可以方便地在uni-app项目中实现手机号文本格式化的功能。组件化开发可以将大型应用分解为一系列独立且可复用的组件,每个组件可以单独开发、测试、维护,并且可以随意组合,大大提高了开发效率和可维护性。对于cc-format-phone组件,我们可以使用Vue CLI等构建工具来构建该组件,并且可以通过uni-app插件市场发布该组件,供其他人使用。

chenchuang0128的博客 665

Vue项目,通过数组下标更改数组的值不生效,页面没有重新渲染

大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。 作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。 问题背景:今天在开发中遇到了一个需要,在列表里要通过按钮的点击控制手机号码列是显示正常的号码还是显示星号******。 页面大致原型: id 手机号码 操作 1 13400003333 显示手机号(按钮) 2 *********** 显示手机号(按钮) 首先想到的实现方式就是给表格的每条数据增

weixin_44370837的博客 7624

uniapp截取字符串 隐藏手机号中间四位数

【代码】uniapp截取字符串 隐藏手机号中间四位数。

weixin_53339757的博客 2266

上车,手把手在实际项目中做前端单元测试

在实际项目中做前端单元测试

aiyang1214878408的博客 1263

ant design vue 中的表单校验 v-decorator

ant design vue 中的表单校验 v-decorator 1.v-decorator和v-model区别 v-decorator在我看来更加适合于有验证的操作,比如不为空,唯一值,只能是数字等等。而v-model更加适合用来定义一些组件返回的接收参数,更好处理和获取,以及一些默认隐藏或者不显示但保存或修改需要用到的参数。 2.v-decorator的用法 部分测试代码 <a-form-item label="name" :labelCol="labelCol" :wrapperCol="wr

cg182235的博客 1万+

前端常用设计模式简介

设计模式的原则是找出程序中的变化,并将变化封装起来,实现高效的可复用性。核心在于意图,而不在结构。通过设计模式可以帮助我们增强代码的可重用性、可扩充性、 可维护性、灵活性。我们使用设计模式的最终目的是为了实现代码的高类聚和低耦合。你是否思考过这样的一个问题,如何让代码写的更有健壮性,其实核心在于把握变与不变。确保变的部分更加灵活,不变的地方更加稳定,而使用设计模式可以让我们达到这样的目的。

weixin_42046203的博客 708

js 手机号加密 中间星号表示

var tel = String(this.memberMsg.phoneNo); var dh=tel.substr(0,3)+"******"+tel.substr(8); return dh;   如果用的是vue,就选择用计算属性 转载于:https://www.cnblogs.com/DangerousBaymax/p/9150634.html...

weixin_30602505的博客 1023

打造你的专属Vue组件:超实用“手机号、邮箱、身份证号加密&显示组件“实战

打造你的专属Vue组件:超实用“手机号、邮箱、身份证号加密&显示组件“实战

小猿同学628的博客 754

前端面试 缓存,CSS面试题总结,助,你真的知道前端按下开机键到启动发生什么吗

都可以。

423

从0开始写一个问卷调查APP的第五天

我们先来分析一下,我们现在做的是一个问卷调查类的APP但是由于我们是一个练手项目所以不用考虑太多,页面上的设计也就只需要大致三个信息(用户昵称,登录密码,手机号码)这写就可以实现大致功能了,如果你还想有其它的信息设置,可以之自定义进行添加。这里我们就适当添加我们所需要的字段就可以了,其实如果是正常的企业开发,我们应该得先把一整个数据库建立好,大致页面写好,但是个人开发练习自己的技术,就跟据自己的需要,只要能把大致的功能实现就可以了。里面的,这里面的都是别人写好的样式,可能更加美观。也就是前端的res里面。

qq_53496617的博客 451
上一篇: 电脑前面板耳机没声音
下一篇: 前端 js隐藏密码的正则表达式
杂草沫
博客等级 码龄9年 7粉丝 46原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值