Vuejs——前端学习日记(六)

本文记录了在Vue.js项目中增强注册页面细节,包括邮箱、密码验证提示功能的实现。此外,介绍了用户登录时的token验证流程,前端如何存储和使用token,以及在接口请求中携带token确保权限验证。
摘要由CSDN通过智能技术生成

Vuejs——前端学习日记(六)

对注册页面增加一点细节

之前在注册页面中实现了基本的注册邮箱、密码及确认密码三个输入框以及注册按钮和跳转至登录界面的链接,这次在三个输入框中加入提示功能,效果如下:
当并未输入邮箱或密码时:
在这里插入图片描述
当输入的密码与确认密码不一致时:
在这里插入图片描述
只有当正确输入邮箱、密码和确认密码后才不会显示:
在这里插入图片描述
这里的功能是需要在el-form控件里加入:rules指令来规定规则:

<el-form
      ref="registerForm"
      label-width="150px"
      class="register-form"
      :model="registerForm"
      :rules="registerRules"
      >
        <el-form-item prop="email" label="邮箱">
          <el-input v-model="registerForm.email"></el-input>
        </el-form-item>
        <el-form-item prop="password" label="密码">
          <el-input v-model="registerForm.password"></el-input>
        </el-form-item>
        <el-form-item pro
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值