vue3-滑动箭头完成安全验证--箭头

最新推荐文章于 2025-04-14 09:04:13 发布

用户689

最新推荐文章于 2025-04-14 09:04:13 发布

阅读量421

点赞数 1

文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/qq_51219034/article/details/140012160

版权

效果图

在登陆页面使用安全验证组件

<dragVerify v-model:value="form.isVerifyPass"></dragVerify>

点击登陆的时候，验证是否完成了安全验证

function doLogin() {
  proxy.$refs.loginRef.validate((valid) => {
    if (valid && form.isVerifyPass) {
      const password = proxy.sha256(form.password);
      const param = {
        userMobile: form.userMobile,
        password,
      };
      loading.value = true;
      userStore
        .login(param)
        .then((res) => {
          mobile.value = res.userInfo.userMobile;
          userId.value = res.userInfo.userId;
          const hasPwd = res && res.userInfo && res.userInfo.hasPwd;
            // visible.value = true;
            if (hasPwd === 1) {