介绍
基于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 |
当开启手机验证码模式后可以使用该参数,改变默认展示登录方式 |