bigegglogin
v1.1.0
Published
A Vue.js project
Downloads
27
Readme
emphasis
这个组件依赖于antd vue 一定要安装引入antd vue组件库,不然出不来样式
Installation
$ npm install bigegglogin
property
@getVerificationCode=‘xxx函数名’ 点击’获取验证码‘触发
@mountedInFunction=‘xxx函数名’ 组件dom加载完成时触发 在mounted钩子函数中执行的函数
@inputValue=‘xxx函数名’ 点击登录时触发 获取用户名密码输入框中的值
:automaticLogin=‘一个布尔值’ 控制自动登录的默认选中或不选中 必须是布尔类型
forgotPassword=“路由路径” 跳转到‘忘记密码’的路由路径 必须是字符串类型
registerUser='路由路径' 跳转到‘注册登录’的路由路径 必须是字符串类型
:phoneUsertab="布尔值" 控制用手机号和用户名登陆
user='随便的字符串' 添加user属性并赋值一个字符串数据类型 销毁用户名密码的组件
phone='随便的字符串' 添加phone属性并赋值一个字符串数据类型 销毁用户名密码的组件
usage
<template>
<div class="home">
<bigegglogin registerUser='/qweqwe'
:automaticLogin='false'
forgotPassword="/dsds/"
user='1'
@inputValue="bbb"
@mountedInFunction="ccc"
@getVerificationCode="getVerificationCode"
></bigegglogin>
</div>
</template>
<script>
import bigegglogin from 'bigegg-login'
export default {
methods:{
handleInputValue(eve){
//eve:用户名密码输入框的内容
console.log(eve)
},
handleMountedInFunction(){
//可请求axios 进行用户名验证
axios.get('http://localhost:3000/users').then((res)=>{
console.log(res.data)
})
},
handleGetVerificationCode(){
console.log("处理 获取验证码 事件")
}
}
}
</script>
For detailed explanation on how things work, consult the docs for vue-loader.