图形验证码刷新

459 阅读1分钟

最近做登录,里面有个图形验证码,如下图所示,请求到的图形验证码接口没有返回值,以路径的形式拿到,但是没法刷新,所以网上找了个方法,记录一下,以备后续使用:

image.png

template部分:

<img
      alt=""
      :src="srcUrl"
      @click="updateVerifyCode"
>

js部分:

methods:{

     init () {
      this.srcUrl = window.location.origin + "/authApi/auth/queryVerifyCode"
     },
     updateVerifyCode () {
      this.srcUrl = this.srcUrl + '?time=' + Math.random() //刷新验证码
     },
}