图文验证：使用canvas(3)

最新推荐文章于 2025-05-01 23:24:04 发布

前端小云儿

最新推荐文章于 2025-05-01 23:24:04 发布

阅读量878

点赞数 8

分类专栏：前端静态页面以及逻辑文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/jieweiwujie/article/details/135244280

版权

前端静态页面以及逻辑专栏收录该内容

148 篇文章 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

<template>
  <div>
    <h3>图文验证：使用canvas(3)</h3>
    <div @click="getRefreshCodeFun">
      <verify
        :verifyCode="verifyCode"
        :verifyCodes="verifyCodes"
        style="cursor: pointer"
      ></verify>
    </div>
  </div>
</template>

<script>
import verify from "./verifyDemo.vue";
export default {
  name: "index",
  components: {
    verify,
  },
  data() {
    return {
      verifyCode: "",
      // 验证码规则
      verifyCodes: "123456789ABCDEFGHGKMNPQRSTUVWXYZ",
    };
  },
  methods: {
    // 切换验证码
    getRefreshCodeFun() {
      this.verifyCode = "";
      this.getrandomCode(this.veri

了解本专栏