vue随机获取四位验证码

你可以使用以下代码生成一个四位的随机验证码：

<template>
  <div>
    <span>{{ code }}</span>
    <button @click="generateCode">Generate Code</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      code: "",
    };
  },
  methods: {
    generateCode() {
      let characters = "0123456789";
      let code = "";
      for (let i = 0; i < 4; i++) {
        code += characters.charAt(Math.floor(Math.random() * characters.length));
      }
      this.code = code;
    },
  },
};
</script>

这里使用了一个 `generateCode` 方法来生成一个四位随机验证码，然后将其存储在 `code` 数据属性中。当用户点击 “Generate Code” 按钮时，将调用 `generateCode` 方法。该方法使用 `Math.random()` 函数生成一个介于 0 和 1 之间的随机数，然后使用 `Math.floor()` 函数将其向下舍入到整数，并将其乘以字符集的长度。最后，我们使用 `charAt()` 函数从字符集中选择一个字符，并将其添加到验证码字符串中。我们将此过程重复四次，以生成一个四位的验证码。最后，我们将验证码字符串存储在 `code` 数据属性中，并将其显示在页面上。

你可以根据需要修改字符集或验证码长度。