login-plugin

该组件依赖 vue 和 element-ui,封装成通用布局组件;

Usage no npm install needed!

<script type="module">
  import loginPlugin from 'https://cdn.skypack.dev/login-plugin';
</script>

README

通用登录组件,鸿卓电子信息技术有限公司,Mr Dang

组件介绍

该组件依赖 vue 和 element-ui,封装成通用布局组件;

组件高度 260px,宽度:350px,包含三个输入项:
登录名:loginName,必输,6-20 个字符
密 码:loginPwd,必输,6-20 个字符
验证码:verifyCode,必输,6 个字符

组件包含 1 个参数:

verifyImageAction:验证码显示地址

组件包含两个事件函数:

login:点击登录后触发,返回对象包含上述 3 个输入项
imageFresh:点击验证码图片触发

组件使用方式:

安装:
npm i login-plugin

注册组件
import login from 'login-plugin'
Vue.use(login);

在合适位置使用,并预留够足够的宽度和高度
<login @imageFresh="fresh" :verifyImageAction="verifyImageAction" @login="login"></login>