使用 vue生成4位随机数
项目要求实现的是人脸识别,录制读取验证码,这一步先获取验证码。因为是新入行的小白,现在记录下获取 4 位数相关代码:<template><div><p class="title">{{ msg }}</p><p class="code">{{ code }}</p></div&g...
·
项目要求实现的是人脸识别,录制读取验证码,这一步先获取验证码。因为是新入行的小白,现在记录下获取 4 位数相关代码:
<template>
<div>
<p class="title">{{ msg }}</p>
<p class="code">{{ code }}</p>
</div>
</template>
<script>
export default {
data() {
return {
msg: 'FaceIFaceID 人脸核身服务',
code: ''
}
},
onLoad: function(options) {
//刚进入页面随机先获取一个
this.createCode()
},
methods: {
createCode() {
var code = '';
//设置长度,这里看需求,我这里设置了4
var codeLength = 4;
//设置随机字符
var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
//循环codeLength 我设置的4就是循环4次
for (var i = 0; i < codeLength; i++) {
//设置随机数范围,这设置为0 ~ 36
var index = Math.floor(Math.random() * 9);
//字符串拼接 将每次随机的字符 进行拼接
code += random[index];
}
//将拼接好的字符串赋值给展示的code
this.code = code;
}
},
}
</script>
<style scoped>
.title{
text-align: center;
color: blue;
}
</style>
更多推荐
已为社区贡献9条内容
所有评论(0)