最近学习过程中 常碰到让用户登录注册这种 今天就用vue实现简单的登录注册功能:
注册时要用到localstorage来存储信息 登录时将表单信息和localstorage中的对比判断
代码如下:
<!-- 登陆页面 -->
<van-nav-bar title="密码登陆" style="background:#2f8fea;">
<template #left>
<van-icon name="arrow-left" color="#fff" @click="back"></van-icon>
</template>
</van-nav-bar>
<van-form>
<van-field
v-model="username"
name="账户"
label="账户"
placeholder="账户"
:rules="[{ required: true, message: '请填写用户名' },{pattern:/^[1][3,4,5,6,7,8][0-9]{9}$/,message:'请输入正确的11位手机号'}]"
/>
<van-field
v-model="password"
type="password"
name="密码"
label="密码"
placeholder="密码"
:rules="[{ required: true, message: '请填写密码' },{pattern:/^\w{6,}$/}]"
/>
<div style="margin: 16px;">
<van-button block type="info" @click="submit">登录</van-button>
</div>
</van-form>
<router-link to