bigegglogin v1.1.0

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.