vue过滤器手机号带*****掩码

最新推荐文章于 2024-08-12 08:57:51 发布
最新推荐文章于 2024-08-12 08:57:51 发布
阅读量4.4k 收藏 3
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43787528/article/details/89212250
版权 
let formatPhone = p=>{
    if(p){
        return p.substring(0,3) + '*****' + p.substring(p.length-2);
    }
}


<div>{{13738384380 |formatPhone}}</div>  
  
 //137****80
leying20
关注
AI电商导购Chatbot IM 消息框架系统的高可用、稳定性、安全性、高性能技术架构设计
AI天才研究院
05-26 252
本文全面梳理了AI电商导购Chatbot IM消息框架的技术架构,重点探讨了其高可用性、稳定性、安全性、高性能等质量属性的设计要点,并给出了一些具体的技术方案和最佳实践。在算法层面,要在对话理解、检索、推荐等方面追求性能极致,不断尝试前沿模型;在工程层面,要在高可用、稳定性、安全性、高性能等质量属性方面狠下功夫,为算法赋能护航。
Java Web从入门到实战
m0_67393342的博客
07-30 2245
操作系统：管理计算机硬件与软件资源的计算机程序，同时也是计算机系统的内核与基石。主流操作系统Linux发展历程Linux特点Linux与其它操作系统的区别Linux发行商和常见发行版先安装虚拟机，再安装CentosVmware简介Vmware下载：https://www.vmware.com/cn.htmlCentOS镜像下载：https://www.centos.org/download/ 高速下载地址简介：SecureCRT是一款支持SSH（SSH1和SSH2）的终端仿真程序，简单地说是Windows下
号码过滤器
07-02
号码过滤器
vue手机、姓名等掩码
weixin_45042290的博客
01-17 933
手机掩码： <span>{{ phone|hidePhone }}</span> hidePhone(val) { if (val) { return `${val.substring(0, 3)}*****${val.substring(val.length - 3)}`; } }, 姓名掩码： //姓名不超过12位只显示第一位加*（后面隐藏多少个字多少个*），超过12位显示第一位加*********** <span>{{ na
推荐一款高效实用的Vue输入掩码库——Vue input mask
gitblog_01114的博客
08-12 425
推荐一款高效实用的Vue输入掩码库——Vue input mask v-mask???? Tiny input mask library for Vue.js (directive)项目地址:https://gitcode.com/gh_mirrors/vm/v-mask 在Web开发中，我们时常遇到需要对用户输入进行格式化的场景，如电话号码、信用卡号、日期等。Vue input mask是一款小巧而...
vue手机号中间四位加*号
weixin_46711427的博客
02-17 1004
1.在methods里面写一个方法： mobileStr(tab) { if(tab.length>7){ return tab.substring(0,3)+'****'+ tab.substring(7,tab.length); }else { return tab.substring(0,tab.length-1)+'****'; } }, 2.哪里需要就调用就行啦 this.mobileStr(); ...
vue 电话号码隐藏中间四位
搞笑范fan
11-30 1828
let yy = new Date().getFullYear(); let mm = new Date().getMonth() + 1; let dd = new Date().getDate(); let wk = new Date().getDay() let hh = new Date().getHours(); let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date(...
使用Vue2.x进行API数据请求和数据处理
Vue2.x是Vue.js框架的一个主要版本，它继承了Vue.js的核心特性，并引入了一些新的功能和改进。 Vue2.x提供了许多特点，使其成为前端开发的理想选择： - **响应式数据绑定**：Vue2.x通过使用响应式系统，实现了数据...
前端面试问题（适用于面试回答思路）
yaminne的博客
03-28 5028
原型和原型链 原型：构造函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。也即，每个构造函数的实例都有一个原型，叫原型对象，由实例对象的内置属性_proto_指向。每个原型都有一个 constructor 属性指向关联的构造函数。 原型用法：构造函数创建的实例可以访问实例的属性和方法，也可以访问原型的属性和方法。对于原型只能访问自己的属性和方法。考虑这一特性，如果对象公有的属性和方法，我们可以添加到原型上面，对象需要的时候直接访问原型的属性和方法就可以。 当读取实
vue-mask-number:使用Vue的数字掩码（电话，信用卡等）输入
03-27
@ yasanchezz / vue-mask-number 这是基于VueJs 2.6+的输入掩码，需要现代浏览器。 。 安装 安装npm软件包npm install @yasanchezz/vue-mask-number --save-dev 在main.js中声明依赖 import VueMaskNumber from '@yasanchezz/vue-mask-number' ; import '@yasanchezz/vue-mask-number/dist/vue-mask-number.css' ; Vue . use ( VueMask ) ; 用法 < template> < vue-mask : value . sync = " value " mask = " +47 ### ## ### " mask-character = " 0
v-mask：V Vue.js的微小输入掩码库（指令）
02-06
:input_latin_lowercase: Vue输入遮罩 基于 （〜5kb）的vue.js微型输入掩码库，以指令形式公开。 没有依赖关系 | :artist_palette: 网上游乐场 （带有Webpack和ESM的交互式游乐场） （带有UMD的简单交互式游乐场） （仅预览） :check_mark: 浏览器支持 74岁以上 :check_mark: 66+ :check_mark: 12+ :check_mark: 46+ :check_mark: 17岁以上 :check_mark: 11+ :check_mark: 12+ :check_mark: 67岁以上 :check_mark: 8.2+ :check_mark: 我们仅支持全局使用情况统计信息大于1％的浏览器，每个浏览器的最后2个版本，但不支持无效浏览器。 图书馆可能会在较旧的浏览器中运行，但我们不能保证。 您可能需要添加polyfill才能
vuethemask为Vuejs创建的轻量级2KBgzipped和无依赖关系的掩码输入
08-10
vue-the-mask 为Vue.js创建的轻量级（2KB gzipped）和无依赖关系的掩码输入
maska:适用于Vue.js和Vanilla JS的简单零依赖输入掩码
05-09
面膜 适用于Vue.js和Vanilla JS的简单零依赖输入掩码。 。 没有依赖关系 体积小（约2 Kb压缩） 定义自定义令牌的能力 支持重复符号和动态蒙版 适用于任何输入（自定义或本机） 安装 npm install maska 要从CDN加载最新版本，您可以使用： < script src =" https://cdn.jsdelivr.net/npm/maska@latest/dist/maska.js " > </ script > Vue 2.x的用法 如果通过[removed]加载Vue.js，则只需在输入中添加v-maska指令即可： < input v-maska =" '###' " > 您可以通过将对象而不是字符串传递给指令来添加自定义标记： < input v-maska =" { mask: 'Z*', tokens: { 'Z': { pattern:
QQ号码过滤器（含代码）
12-27
把待过滤的QQ号码存放在一个文本文件中，批量过滤号码，并导出。
vue掩码处理_专为Vue.js创建的轻量级且无依赖的掩码输入
cuk5239的博客
07-22 935
vue掩码处理 面具 (The Mask) A lightweight (2KB gzipped) and dependency free mask input created specific for Vue.js 专为Vue.js创建的轻量级(压缩2KB)和无依赖掩码输入 View demo 查看演示 Download Source 下载源 安装 (Install) yarn...
vue自定义指令——手机掩码
Wancc123的博客
12-10 773
function phoneMask(mobile = '') { return mobile.replace(/(\d{3})\d{4}(\d{4})/gi, '$1****$2'); } function isNumber(val) { return typeof val === 'number'; } export default { name: 'phone', directive: { mounted(el, binding) { el.innerHTML.
vue掩码处理_基于受限输入的vue.js输入掩码库
cuk5340的博客
07-29 810
vue掩码处理 限制输入 (Restricted Input) Allow restricted character sets in input elements. 在输入元素中允许使用受限制的字符集。 View Demo 查看演示 View Github 查看Github 特征 (Features) Disallow arbitrary characters based on patte...
vue中数据加密处理
chengxue_123的博客
11-10 1755
在vue中,通常要对一些数据进行加密操作 我一般使用crypto-js去实现各种加密效果 官方地址： https://www.npmjs.com/package/crypto-js 操作步骤有 1)安装依赖包 npm icrypto-js 2)在工具包目录添加方法 import crypto from "crypto-js"; export function getMd5(str) { return crypto .MD5(str) .toString(...
vue 多条手机号码中间用****代替
最新发布
10-30
在Vue.js中，如果你需要展示一列包含手机号码的数据，并希望对某些敏感信息如中间四位数字进行替换，你可以通过模板渲染和JavaScript处理结合来实现。以下是一个简单的例子： ```html (phone, index) in phones" ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值