以vue.js框架为例
//html部分代码
//将接口地址赋值给img标签的src属性,当点击验证码图片时重新获取
<img :src='codeImage' @click="changeCodeImg"/>
//js代码
data() {
return {
codeImage: '',
}
},
created() {
this.codeImage = url//url为接口地址
},
methods: {
changeCodeImg() {
let num = Math.ceil(Math.random() * 10);//生成一个随机数(防止图片缓存)
this.codeImage = 'url?r=' + num;
},
}