提交 df25a473 authored 作者: 王鹏飞's avatar 王鹏飞

注册页面字段可配置

上级 6be81758
...@@ -18,7 +18,8 @@ export default { ...@@ -18,7 +18,8 @@ export default {
options: { options: {
// baseUrl: 'https://www.baidu.com', // baseUrl: 'https://www.baidu.com',
register: { register: {
data: { service: 'uwla.ezijing.com' } data: { service: 'uwla.ezijing.com' },
fields: ['account', 'code', 'password']
}, },
login: { login: {
account: { account: {
......
{ {
"name": "@ezijing/vue-passport", "name": "@ezijing/vue-passport",
"version": "1.0.2", "version": "1.0.3",
"private": false, "private": false,
"description": "基于Vue Element-UI的登录注册", "description": "基于Vue Element-UI的登录注册",
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve --open",
"build": "vue-cli-service build --target lib --name vue-passport ./src/index.js", "build": "vue-cli-service build --target lib --name vue-passport ./src/index.js --report",
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
}, },
"main": "dist/vue-passport.umd.min.js", "main": "dist/vue-passport.umd.min.js",
...@@ -20,9 +20,9 @@ ...@@ -20,9 +20,9 @@
"md5": "^2.3.0" "md5": "^2.3.0"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "~4.5.4", "@vue/cli-plugin-babel": "~4.5.11",
"@vue/cli-plugin-eslint": "~4.5.4", "@vue/cli-plugin-eslint": "~4.5.11",
"@vue/cli-service": "~4.5.4", "@vue/cli-service": "~4.5.11",
"babel-eslint": "^10.1.0", "babel-eslint": "^10.1.0",
"babel-plugin-component": "^1.1.1", "babel-plugin-component": "^1.1.1",
"core-js": "^3.4.3", "core-js": "^3.4.3",
......
...@@ -7,12 +7,12 @@ ...@@ -7,12 +7,12 @@
<div class="ezj-form" v-else> <div class="ezj-form" v-else>
<h1 class="ezj-title">账号注册</h1> <h1 class="ezj-title">账号注册</h1>
<el-form ref="form" :model="ruleForm" :rules="rules"> <el-form ref="form" :model="ruleForm" :rules="rules">
<el-form-item prop="account"> <el-form-item prop="account" v-if="fields.includes('account')">
<el-input v-model="ruleForm.account" placeholder="请输入手机号码或邮箱"> <el-input v-model="ruleForm.account" placeholder="请输入手机号码或邮箱">
<i slot="prefix" class="el-input__icon el-icon-user"></i> <i slot="prefix" class="el-input__icon el-icon-user"></i>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code"> <el-form-item prop="code" v-if="fields.includes('code')">
<el-input v-model="ruleForm.code" placeholder="请输入4位验证码"> <el-input v-model="ruleForm.code" placeholder="请输入4位验证码">
<i slot="prefix" class="el-input__icon el-icon-key"></i> <i slot="prefix" class="el-input__icon el-icon-key"></i>
<template slot="append"> <template slot="append">
...@@ -20,12 +20,12 @@ ...@@ -20,12 +20,12 @@
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="username"> <el-form-item prop="username" v-if="fields.includes('username')">
<el-input v-model="ruleForm.username" placeholder="4-30个字符,支持中英文、数字" minlength="4" maxlength="30"> <el-input v-model="ruleForm.username" placeholder="4-30个字符,支持中英文、数字" minlength="4" maxlength="30">
<i slot="prefix" class="el-input__icon el-icon-edit"></i> <i slot="prefix" class="el-input__icon el-icon-edit"></i>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password" v-if="fields.includes('password')">
<el-input <el-input
type="password" type="password"
v-model="ruleForm.password" v-model="ruleForm.password"
...@@ -70,7 +70,8 @@ export default { ...@@ -70,7 +70,8 @@ export default {
data: Object, data: Object,
beforeLogin: Function, beforeLogin: Function,
onSuccess: Function, onSuccess: Function,
onError: Function onError: Function,
fields: { type: Array, default: () => ['account', 'code', 'username', 'password'] }
}, },
data() { data() {
const checkSecret = (rule, value, callback) => { const checkSecret = (rule, value, callback) => {
......
差异被折叠。
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论