data变量提取到mixin

uni_modules/uni-login-page/common/loginPage.mixin.js

@@ -10,6 +10,58 @@ let mixin = {
 			url:helpPage
 		})
 	},
+	data(){
+		return {
+			// 用户协议页面跳转
+			link: [{
+				text: '用户协议',
+				to: '/pages/ucenter/agree-list/service/service'
+			}, {
+				text: '隐私政策',
+				to: '/pages/ucenter/agree-list/privacy/privacy'
+			}],
+			formData:{
+				phone:'',
+				code:'',
+				pwd:''
+			},
+			rules: {
+				phone:{
+					rules:[{
+							required: true,
+							errorMessage: '请输入手机号',
+						},
+						{
+							pattern: /^1\d{10}$/,
+							errorMessage: '手机号格式不正确',
+						}
+					]
+				},
+				code: {
+					rules: [{
+							required: true,
+							errorMessage: '请输入验证码',
+						},
+						{
+							pattern: /^.{6}$/,
+							errorMessage: '请输入6位验证码',
+						}
+					]
+				},
+				pwd:{
+					rules: [{
+							required: true,
+							errorMessage: '请输入密码',
+						},
+						{
+							pattern: /^.{6,20}$/,
+							errorMessage: '密码应为6到20位',
+						}
+					]
+				}
+			}
+		}
+	},
 	methods:{
 		...mapMutations({
 			setUserInfo: 'user/login'

uni_modules/uni-login-page/pages/index/index.vue

@@ -45,33 +45,8 @@
 		mixins:[mixin],
 		data() {
 			return {
-				link: [{
-					text: '用户协议',
-					to: '/pages/ucenter/agree-list/service/service'
-				}, {
-					text: '隐私政策',
-					to: '/pages/ucenter/agree-list/privacy/privacy'
-				}],
 				phoneArea: ['+86'],
 				currenPhoneArea: '+86',
-
-				formData: {
-					phone: ''
-				},
-				rules: {
-					// 对phone字段进行必填验证
-					phone: {
-						rules: [{
-								required: true,
-								errorMessage: '请输入手机号',
-							},
-							{
-								pattern: /^1\d{10}$/,
-								errorMessage: '手机号格式不正确',
-							}
-						]
-					}
-				}
 			}
 		},
 		onLoad() {

uni_modules/uni-login-page/pages/index/phone-code.vue

@@ -11,7 +11,7 @@
 						<uni-easyinput type="number" class="phone-input-box" :inputBorder="false"
 							v-model="formData.code" maxlength="6" placeholder="请输入验证码">
 							<template slot="right">
-								<login-short-code :phone="phoneNumber" ref="shortCode"></login-short-code>
+								<login-short-code :phone="formData.phone" ref="shortCode"></login-short-code>
 							</template>
 						</uni-easyinput>
 					</uni-forms-item>
@@ -30,41 +30,23 @@
 		mixins:[mixin],
 		data() {
 			return {
-				phoneNumber: '',
-				phoneCode: '',
 				currenPhoneArea: '',
-				formData:{
-					code:''
-				},
-				rules: {
-					code: {
-						rules: [{
-								required: true,
-								errorMessage: '请输入验证码',
-							},
-							{
-								pattern: /^.{6}$/,
-								errorMessage: '请输入6位验证码',
-							}
-						]
-					}
-				}
 			}
 		},
 		computed: {
 			tipText() {
-				return `验证码已通过短信发送至${this.currenPhoneArea} ${this.phoneNumber}。`;
+				return `验证码已通过短信发送至${this.currenPhoneArea} ${this.formData.phone}。`;
 			},
 			canSubmit() {
 				let reg_phone = /^1\d{10}$/;
 				let reg_code = /^\d{6}$/;
-				let isPhone = reg_phone.test(this.phoneNumber);
+				let isPhone = reg_phone.test(this.formData.phone);
 				let isCode = reg_code.test(this.formData.code);
 				return isPhone && isCode;
 			}
 		},
 		onLoad({phoneNumber,phoneArea}) {
-			this.phoneNumber = phoneNumber;
+			this.formData.phone = phoneNumber;
 			this.currenPhoneArea = '+' + Number(phoneArea);
 		},
 		onReady() {
@@ -80,7 +62,7 @@
 					"data": {
 						"action": "loginBySms",
 						"params":{
-							"mobile":this.phoneNumber,
+							"mobile":this.formData.phone,
 							"code":this.formData.code
 						}
 					},

uni_modules/uni-login-page/pages/index/pwd-login.vue

@@ -49,35 +49,6 @@
 				}],
 				phoneArea: ['+86'],
 				currenPhoneArea: '+86',
-				
-				formData: {
-					phone: '',
-					pwd:''
-				},
-				rules: {
-					phone: {
-						rules: [{
-								required: true,
-								errorMessage: '请输入手机号',
-							},
-							{
-								pattern: /^1\d{10}$/,
-								errorMessage: '手机号格式不正确',
-							}
-						]
-					},
-					pwd:{
-						rules: [{
-								required: true,
-								errorMessage: '请输入密码',
-							},
-							{
-								pattern: /^.{6,20}$/,
-								errorMessage: '密码应为6到20位',
-							}
-						]
-					}
-				}
 			}
 		},
 		computed: {

uni_modules/uni-login-page/pages/index/pwd-retrieve.vue

@@ -33,49 +33,7 @@ import mixin from '../../common/loginPage.mixin.js';
 		mixins:[mixin],
 		data() {
 			return {
-				password: '',
 				currenPhoneArea: '',
-				
-				formData:{
-					phone:'',
-					code:'',
-					pwd:''
-				},
-				rules: {
-					phone:{
-						rules:[{
-								required: true,
-								errorMessage: '请输入手机号',
-							},
-							{
-								pattern: /^1\d{10}$/,
-								errorMessage: '手机号格式不正确',
-							}
-						]
-					},
-					code: {
-						rules: [{
-								required: true,
-								errorMessage: '请输入验证码',
-							},
-							{
-								pattern: /^.{6}$/,
-								errorMessage: '请输入6位验证码',
-							}
-						]
-					},
-					pwd:{
-						rules: [{
-								required: true,
-								errorMessage: '请输入密码',
-							},
-							{
-								pattern: /^.{6,20}$/,
-								errorMessage: '密码应为6到20位',
-							}
-						]
-					}
-				}
 			}
 		},
 		computed: {