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