获取验证码，点击验证码能切换

里面使用了MD5加密。安装模块

npm install js-md5 -D

 

在main.js里面引入

　import md5 from 'js-md5'

然后你就能使用了，使用方式是md5(要加密的内容）

 

<form class="yzm">
    <input type="text" placeholder="请输入图中的验证码" />
     <div class="yzmbtn" @click="changeCode"><img :src="url"/></div>
 </form>

 

获取验证码有个接口后台传过来的数据，前端拼接成验证码的图片

//图片验证切换

this. changeCode() ;

            changeCode() {
                let schid = SchoolConfig.getSchid();//schid地址
                var timestamp = new Date().getTime();//时间戳
                var rand = Math.floor(Math.random()*10000);//四位随机数
                var uuid = md5(schid+timestamp+rand);//md5加密
                this.url =   'http://dw2.mywkzj.com/core/authcode/captcha?uuid=' + uuid;//图片验证
            },

 

来源：CSDN

作者：夏天想

链接：https://blog.csdn.net/qq_33769914/article/details/86573970