| | |
| | | loginRules: { |
| | | username: [ |
| | | { required: true, trigger: "blur", message: "请输入您的账号" }, |
| | | { validator: validatePhone, trigger: "blur", when: () => this.loginMethod === "sms" } |
| | | ], |
| | | password: [ |
| | | { required: true, trigger: "blur", message: "请输入您的密码", when: () => this.loginMethod === "password" }, |
| | |
| | | methods: { |
| | | // 切换登录方式 |
| | | changeLoginMethod() { |
| | | this.$refs.loginForm.clearValidate(); |
| | | }, |
| | | this.$refs.loginForm.clearValidate(); |
| | | // 动态更新验证规则 |
| | | this.loginRules = { |
| | | username: [ |
| | | { required: true, trigger: "blur", message: this.loginMethod === 'password' ? '请输入您的账号' : '请输入手机号' }, |
| | | { |
| | | validator: (rule, value, callback) => { |
| | | if (this.loginMethod === 'sms' && !/^1[3-9]\d{9}$/.test(value)) { |
| | | callback(new Error("请输入正确的手机号")); |
| | | } else { |
| | | callback(); |
| | | } |
| | | }, |
| | | trigger: "blur" |
| | | } |
| | | ], |
| | | password: [ |
| | | { |
| | | required: true, |
| | | trigger: "blur", |
| | | message: "请输入您的密码", |
| | | when: () => this.loginMethod === "password" |
| | | }, |
| | | ], |
| | | smsCode: [ |
| | | { |
| | | required: true, |
| | | trigger: "blur", |
| | | message: "请输入验证码", |
| | | when: () => this.loginMethod === "sms" |
| | | }, |
| | | { |
| | | pattern: /^\d{6}$/, |
| | | message: "验证码为6位数字", |
| | | trigger: "blur", |
| | | when: () => this.loginMethod === "sms" |
| | | } |
| | | ], |
| | | }; |
| | | }, |
| | | |
| | | // 发送短信验证码 |
| | | phoneCode() { |