vue3 点击更换验证码图片以及登录不成功后更换验证码

您所在的位置:网站首页 请问图片验证码怎么输入的 vue3 点击更换验证码图片以及登录不成功后更换验证码

vue3 点击更换验证码图片以及登录不成功后更换验证码

2024-07-13 02:46| 来源: 网络整理| 查看: 265

这是基于后端已经生成验证码的情况。

首先点击更换验证码

const imgUrl = ref('你的验证码地址');

先将验证码地址给存起来,方便后续操作

然后是点击验证码更换,dom元素上的写法

验证码

 然后是函数进行更换

// 更换验证码 const changeCaptcha = (event) => { event.target.src = `${imgUrl.value}?time=${new Date().getTime()}`; };

当登录失败自动时更换验证码

document.getElementsByTagName('img')[1].src = `${imgUrl.value}?time=${new Date().getTime()}`

加上时间戳即可!

(PS:必须加时间戳或者后面随机拼接随机数或者字符串)



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3