elementui登录页面_学前端高频问题vue鉴权之前--判断正确登录信息你都会吗(2)

ed7b3f42aee73e401941003660173fa5.png

问题:0经验学简单的登录比对

如果没有下载vue独立的文件,可以看我上一篇文章-----学习前端鉴权之前先创建vue项目,前端女生带你看具体步骤(1)

第一步:在路由里新加个简单的登录页 router/index.js

738a2d24ecd9e3583c077a5ff956909e.png

在这二个地方加路由地址

第二步:在commponent/loginPage(登录页面可以去elementUI复制一个)

07c0407321950678fc6485d5d53073f4.png

找了类似这种可以输入用户名密码的

场景一:登录验证时,有一个用户名密码数组,然后根据当前用户输入的用户名和密码判断是否相同,相同登录成功,反之失败,

逻辑:先遍历数组,把输入的用户名和密码和数组里用户名和密码比对??

Html:

1a830b2305d3e5d816c3bb3593cc3251.png

Js:

写userArr

94936695d8ea1abadd642afd00e042ba.png

在methods:里写handleSubmits2方法

ec7d386df1e6c729aa86eaa043ce9cea.png

错误写法,输入错的登录信息会提示二次

随便输入错误的用户名和密码:à会发先登录失败出了二次,明显错了,大家思考下怎么写错误的时候提示一次,还有forEach里的this指什么

66c4f4151d0c32be26a677478f0aa3f4.png

喜欢我的朋友可以关注我,有问题的朋友可以给我留言啊

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值