本文实例为大家分享了vue实现图形验证码登录的具体代码,供大家参考,具体内容如下
1、效果图
2、在components下面新建文件identify.vue,内容:
3、页面引入
4、html
5、mounted
mounted() { // 验证码初始化 this.identifyCode = '' this.makeCode(this.identifyCodes, 4) }
6、methods
methods: { // 生成随机数 randomNum(min, max) { return Math.floor(Math.random() * (max - min) + min) }, // 切换验证码 refreshCode() { this.identifyCode = '' this.makeCode(this.identifyCodes, 4) }, // 生成四位随机验证码 makeCode(o, l) { for (let i = 0; i
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。