1.1.3 • Published 3 years ago
tq-logintemplate v1.1.3
介绍
基于iview的登录页模板,该模板只会做的表单验证,当表单验证通过后,emit一个回调函数同时返回用户名密码,然后根据用户名密码去做验证
安装
npm i tq-logintemplate
// or
yarn add tq-logintemplate使用
局部引用
// 使用不同的模板名来实现不同的模板切换
// 模板只会处理有关于模板的逻辑,不进行其他的数据操作
<template>
<component ref="loginTemplate" :is="componentName" @submit="handleSubmit" />
</template>
<script>
import * as loginTemplate from 'tq-logintemplate'
export default {
components:{
...loginTemplate
},
data() {
return {
componentName: 'normalLogin'
}
}
}
</script>模板功能
通用参数
| 选项名 | 类型 | 默认值 | 可选值 | 备注 |
|---|---|---|---|---|
| submit | events | - | - | 当模板提交时触发提交 |
earthLogin
-
normalLogin
-
userCenterLogin
| 选项名 | 类型 | 默认值 | 可选值 | 备注 |
|---|---|---|---|---|
| handleOtherLogin | events | - | - | 当点击其他登录方式时触发,返回登录方式名 |
| getPhoneCaptcha | events | - | - | 当开启手机验证码模式后可以使用该参数,点击获取验证码后的回调参数(回调参数返回用户输入的手机号) |
| showCaptcha | Boolean | false | true/false | 验证码模式 |
| showVerify | Boolean | false | true/false | 滑动验证模式 |
| changeLoginType | Boolean | false | true/false | 手机验证码模式 |
| links | Array | [] | iview的i-copyright组件中的links | |
| copyright | String | - | iview的i-copyright组件中的copyright | |
| loginType | String | form | form/mobile | 当开启手机验证码模式后可以使用该参数,改变默认展示登录方式 |