一、要做的准备工作
- vue2
- mintUI - field组件
二、要实现的功能,每个阶段的状态:
-
三个input框为空值,失去焦点后,显示错误红色叉叉提示
-
3个input框经正则判断都正确,注册按钮点亮
三、代码详解
-
实现登录按钮禁用和启用的重点代码
:disabled=" this.nameState !== 'success' || this.pwdState !== 'success' || this.rePwdState !== 'success' "
-
本案例完整代码 ↓ ↓ ↓
<template>
<div>
<!-- 标题栏 -->
<mt-header title="用户注册">
<router-link to="#" slot="left">
<mt-button icon