| | |
|---|
| | | <el-input |
|---|
| | | ref="username" |
|---|
| | | v-model="loginForm.username" |
|---|
| | | placeholder="请输入用户名" |
|---|
| | | placeholder="请输入用户编码" |
|---|
| | | name="username" |
|---|
| | | type="text" |
|---|
| | | tabindex="1" |
|---|
| | |
|---|
| | | ref="password" |
|---|
| | | v-model="loginForm.password" |
|---|
| | | :type="passwordType" |
|---|
| | | placeholder="请输入密码" |
|---|
| | | placeholder="请输入用户密码" |
|---|
| | | name="password" |
|---|
| | | tabindex="2" |
|---|
| | | style="width: 100%;" |
|---|
| | |
|---|
| | | // const mPattern = /^\w+$/ // 正则 等价于[A-Za-z0-9_] |
|---|
| | | |
|---|
| | | if (value.length < 1) { |
|---|
| | | callback(new Error('账号不能为空！')) |
|---|
| | | callback(new Error('用户编码不能为空！')) |
|---|
| | | } else { |
|---|
| | | callback() |
|---|
| | | } |
|---|
| | |
|---|
| | | } |
|---|
| | | const validatePassword = (rule, value, callback) => { |
|---|
| | | if (value.length < 1) { |
|---|
| | | callback(new Error('密码长度不能为空！')) |
|---|
| | | callback(new Error('用户密码不能为空！')) |
|---|
| | | } else { |
|---|
| | | callback() |
|---|
| | | } |
|---|
| | | } |
|---|
| | | return { |
|---|
| | | loginForm: { |
|---|
| | | username: 'Admin', // Admin |
|---|
| | | password: '123456'// 123456 |
|---|
| | | username: '', // Admin |
|---|
| | | password: ''// 123456 |
|---|
| | | }, |
|---|
| | | loginRules: { |
|---|
| | | username: [{ required: true, trigger: ['blur', 'change'], validator: validateUsername }], |
|---|
