当进入页面时就应该显示图片验证码,当点击验证码图片时,验证码图片会局部刷新,这里图片的 src属性是个后台接口
首先 v-bind 绑定一个图片 scr属性
# src 走的是 get 请求
<img :src="image_code_url" @click="generate_image_code" alt="图形验证码" class="pic_code">
涉及到每次点击验证码图片会更新,验证码图片存memcache缓存需要唯一的key,这里用一个fun生成了uuid通过路由传参作为key验证码作value入缓存
进来页面先执行钩子函数,钩子函数里直接调用了生成uuid函数将uuid变量和 图片验证码scr 路径重新赋值
mounted() {
// 钩子函数
this.generate_image_code();
},
图片验证码点击方法
generate_image_code: func