yzs-login-component-v3

portalCode 门户编码，必传

isLocalStorage 是否是isLocalStorage存储，默认是true，false为sessionStorage存储

tokenName 存储用户中心token的名称，默认为iamToken

userInfoName 存储用户中心登录人员信息的名称，默认为iamUserInfo

menuName 存储用户中心权限菜单的名称，默认为iamMenuList

isShowAccountLogin 是否使用账号密码登录，默认是true

themeColor 主题色，默认蓝色

引入

npm i yzs-login-component-v3

main.ts中引入文件

import YzsLoginComponent from 'yzs-login-component-v3'
import 'yzs-login-component-v3/lib/ui.css'
app.use(YzsLoginComponent)

报错：找不到声明文件
两种解决办法：
1.
// @ts-ignore
import YzsLoginComponent from "yzs-login-component-v3";
import 'yzs-login-component-v3/lib/ui.css'
2.shims-vue.d文件中添加：declare module "yzs-login-component-v3"

组件中直接使用

<template>
    <div class="login">
        <YzsLoginComponent :portalCode="'YZS_IAM'" :themeColor="'pink'" @loginSuccess="loginSuccess" />
    </div>
</template>

loginSuccess为登录成功后的回调，可以做一些路由跳转的逻辑处理

 setup (props, ctx){
         const loginSuccess = () =>  {
            router.push({path: 'xxx'})
            ...
        }
        return {
            loginSuccess
        }
 }

存储的数据，默认存储在localStorage中，名称也是默认的，存储方式和存储名称可自己传入

 iamToken：获取的token
 iamUserInfo: 登录用户信息
 iamMenuList：权限菜单