项目要求实现的是人脸识别,录制读取验证码,这一步先获取验证码。因为是新入行的小白,现在记录下获取 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>

Logo

前往低代码交流专区

更多推荐