vue 点击图片从后台接口拿验证码刷新验证码

时间：2019-07-23 17:38:42 阅读：829 评论：0 收藏：0 [点我收藏+]

<img

alt="点击刷新"

:src="vsCode" //src指后台拿来的图片的路径

@click="changeCodeImg()"

id="img_RandomCode"

title="点击刷新"

//点击刷新验证码

changeCodeImg(){ //这里是点击验证码图片的时候会刷新验证码

this.CodeImg();

data() {

return {

vsCode: "",}

// 验证码

CodeImg() { //这个是图片验证码的函数

let num = Math.ceil(Math.random() * 100);

this.vsCode = `${process.env.API_ROOT}/api/account/authcode?num=${num}`;

备注：后台接口里面哪来的就是随机数的路径将路径动态绑定到 :src上就可以切换图片路径达到切换图片的效果

原文：https://www.cnblogs.com/maibao666/p/11232812.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

vue 点击图片 从后台接口拿验证码 刷新验证码