生成一个随机生成电话号码的方法,且生成的电话号码中间的4位替换为*号。使用vue2代码来实现
时间: 2024-12-19 16:19:58 浏览: 4
在Vue 2中,你可以使用JavaScript的Math.random()函数来生成随机数字,并使用字符串的replace()方法来替换指定位置的内容。下面是一个简单的示例,展示了如何创建一个随机生成电话号码并用星号(*)替换中间四位的函数:
```js
import Vue from 'vue';
export default {
data() {
return {
phoneNumber: '',
};
},
mounted() {
this.generatePhoneNumber();
},
methods: {
generatePhoneNumber() {
// 生成一个11位的电话号码,前三位固定为'138'
const prefix = '138';
// 随机生成中间四位数字,范围从0到9999
const middleFour = Math.floor(Math.random() * 10000);
// 中间四位用星号替换
const maskedMiddleFour = '*' + middleFour.toString().slice(1, -1) + '*'; // 去掉首尾的0
// 合成完整的电话号码
this.phoneNumber = `${prefix}-${maskedMiddleFour}-**`;
},
},
};
```
在这个例子中,我们在`mounted`生命周期钩子中调用`generatePhoneNumber`方法一次,生成一个随机的电话号码并赋值给`phoneNumber`数据属性。每次实例化该组件时,都会生成一个新的电话号码。
注意,这只是一个基础示例,真实场景下可能需要考虑电话号码合法性的验证。
阅读全文