yzs-login-component-fast-vue3
v1.1.8
Published
登录
Downloads
43
Maintainers
Readme
portalCode 门户编码,必传
isLocalStorage 是否是isLocalStorage存储,默认是true,false为sessionStorage存储
tokenName 存储用户中心token的名称,默认为iamToken
userInfoName 存储用户中心登录人员信息的名称,默认为iamUserInfo
menuName 存储用户中心权限菜单的名称,默认为iamMenuList
isShowAccountLogin 是否使用账号密码登录,默认是true
引入
npm i yzs-login-component-fast-v3
main.ts中引入文件
import YzsLoginComponent from "yzs-login-component-fast-vue3";
import 'yzs-login-component-fast-vue3/lib/style.css'
app.use(YzsLoginComponent)
报错:找不到声明文件
两种解决办法:
1.
// @ts-ignore
import YzsLoginComponent from "yzs-login-component-fast-vue3";
import 'yzs-login-component-fast-vue3/lib/style.css'
2.shims-vue.d文件中添加:declare module "yzs-login-component-fast-v3"
组件中直接使用
<template>
<div class="login">
<YzsLoginComponent :portalCode="'YZS_IAM'" @loginSuccess="loginSuccess" />
</div>
</template>
loginSuccess为登录成功后的回调,可以做一些路由跳转的逻辑处理
setup (props, ctx){
const loginSuccess = () => {
router.push({path: 'xxx'})
...
}
return {
loginSuccess
}
}
存储的数据,默认存储在localStorage中,名称也是默认的,存储方式和存储名称可自己传入
iamToken:获取的token
iamUserInfo: 登录用户信息
iamMenuList:权限菜单