图形验证码功能编写

H5图形验证码功能，初始化显示图形验证码，点击图片切换验证码图片

<li>
    <span class="ipt-name captcha"></span>
    <input
      type="text"
      maxlength="11"
      placeholder="请输入验证码"
      v-model="graphValidateCode"
    />
    <img
      @click="changeImage"
      class="verify-img"
      :src="imageSrc"
      alt="Waiting..."
    />
 </li>

export default {
  data() {
    return {
      graphValidateCode: "", //图形验证码
      imageSrc: "",
    };
  },
  methods: {
  	//切换验证码
    changeImage() {
      this.imageSrc = "/b/captcha/getCaptcha?r=" + Math.random();
    },
  },
  mounted() {
    //页面渲染后执行
    this.changeImage();
  },
}

我的博客主页 ：https://qingmuzhang.gitee.io/