vue+js登陆页面，前端实现滑块验证

小南瓜地

已于 2022-11-08 15:31:54 修改

阅读量677

点赞数

分类专栏： vue学习文章标签：前端 javascript vue.js

于 2022-11-08 15:31:02 首次发布

本文链接：https://blog.csdn.net/weixin_44996782/article/details/127751495

版权

<template>
    <div class="Login" @keyup.enter="clickLogin">
        <div class="innerFormWrap"  ref="formWrap">
            <div class="logo">
               <img src="@/assets/images/logo.png" alt="" />
            </div>
            <div class="content">
                <el-form :model="data" ref="form">
                    <el-form-item prop="username">
                        <el-input
                                @blur="usernameCheck"
                                v-model="data.username"
                                placeholder="用户名"
                                name="username"
                        ></el-input>
                        <div class="infoMsg">
                            <p v-if="data.userMessage">{
  { data.userMessage }}</p>
                        </div>
                    </el-form-item>
                    <el-form-item prop="password">
                        <el-input
                                @blur="passwordCheck"
                                v-model="data.password"
                                placeholder="密码"
                                show-password
                                name="password"
                        ></el-input>
                        <div class="infoMsg">
                            <p v-if="data.passwordMessage">{
  { data.passwordMessage }}</p>
                        </div>
                    </el-form-item>
                    <div v-if="showSliderCheck"