Vue手機(jī)號(hào)正則匹配姓名加密展示功能的實(shí)現(xiàn)
更新時(shí)間：2022年08月22日 11:03:06 作者：HqL丶1024
這篇文章主要介紹了Vue手機(jī)號(hào)正則匹配，姓名加密展示,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
一丶手機(jī)號(hào)
（1）正則匹配
if (!/^1[3|4|5|6|7|8|9]\d{9}$/.test(13807999985)) {
console.log(resultPhone);//138****9985（2）substr截取
var phone = "17610603529";
var mphone = phone.substr(0, 3) + "****" + phone.substr(7);
// 如果用 Es6 模板字符串的話,可以不用+號(hào)做拼接
var phone = "17610603529";
var mphone = `${phone.substr(0, 3)}****${phone.substr(7)}`;
console.log(mphone);
二丶姓名
（1）substr 截取
activated() {
console.log(this.formatName("王八肚")); // 王**
},
methods: {
formatName(name) {
let newStr;
if (name.length === 2) {
newStr = name.substr(0, 1) + "*"; // 通過(guò)substr截取字符串從第0位開(kāi)始截取,截取1個(gè)
} else if (name.length > 2) {
// 當(dāng)名字大于2位時(shí)
let char = "";
for (let i = 0, len = name.length - 2; i < len; i++) {
// 循環(huán)遍歷字符串
char += "*";
}
newStr = name.substr(0, 1) + char + name.substr(-1, 1);
} else {
newStr = name;
}
return newStr;
},
},
到此這篇關(guān)于Vue手機(jī)號(hào)正則匹配姓名加密展示功能的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)Vue手機(jī)號(hào)正則匹配內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue項(xiàng)目中使用Vux的安裝過(guò)程,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-05-05
MVVM旨在利用WPF中的數(shù)據(jù)綁定函數(shù),通過(guò)從視圖層中幾乎刪除所有GUI代碼（代碼隱藏）,更好地促進(jìn)視圖層開(kāi)發(fā)與模式其余部分的分離,這篇文章主要給大家介紹了關(guān)于Vue.js中MVVM的相關(guān)資料,需要的朋友可以參考下2023-03-03
Vue動(dòng)畫(huà)之第三方類庫(kù)實(shí)現(xiàn)動(dòng)畫(huà)方式
這篇文章主要介紹了Vue動(dòng)畫(huà)之第三方類庫(kù)實(shí)現(xiàn)動(dòng)畫(huà)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
vue.js整合vux中的上拉加載下拉刷新實(shí)例教程
這篇文章主要給大家介紹了關(guān)于vue.js整合vux中上拉加載下拉刷新的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
使用vue重構(gòu)資訊頁(yè)面的實(shí)例代碼解析
這篇文章主要介紹了使用vue重構(gòu)資訊頁(yè)面的實(shí)例代碼解析，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-11-11
組件 (Component) 是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML 元素，封裝可重用的代碼。這篇文章主要介紹了vue組件與復(fù)用,需要的朋友可以參考下2018-04-04
Vue.js路由實(shí)現(xiàn)選項(xiàng)卡簡(jiǎn)單實(shí)例
這篇文章主要為大家詳細(xì)介紹了Vue.js路由實(shí)現(xiàn)選項(xiàng)卡簡(jiǎn)單實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
本篇文章主要介紹了詳解Vue整合axios的實(shí)例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
vue項(xiàng)目中訪問(wèn)本地json數(shù)據(jù)
這篇文章主要介紹了vue項(xiàng)目中訪問(wèn)本地json數(shù)據(jù)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
vue 1.x 交互實(shí)現(xiàn)仿百度下拉列表示例
本篇文章主要介紹了vue 1.x 交互實(shí)現(xiàn)仿百度下拉列表示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10