1.0.2 • Published 2 years ago
@dj-ui/dj-login v1.0.2
安装
npm i @deji/dj-login场景：
1、主动唤醒
通过用户配置 service 的 authInterceptCode，主动唤醒组件，当授权成功后，进行请求补发。
2、被动唤醒
用户通过 visible 手动控制组件是否唤醒。
Attributes
| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
|---|---|---|---|---|
| visible(v-model、sync) | 是否可见（被动唤醒，主动唤醒可忽略此参数） | Boolean | false | false |
| loginApi | 登录接口配置（小程序有效）详见下文 loginApi 配置 | Object | { } | true |
| env | 当前环境（仅支持：pre、prd、sit） | String | - | true |
| license | 登录协议 {name:"隐私政策",url:'xxxxx'} | Arrary | [] | false |
| licenseDescribe | 协议描述问题 | String | 已阅读并同意 | false |
| sensors | 是否需要埋点 | Boolean | true | false |
| logo | 应用 logo | String | - | false |
| appName | 应用名称 | String | - | false |
| authType | 授权方式(小程序中有效) | Arrary | 'weixin','phone' | false |
loginApi
| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
|---|---|---|---|---|
| postUrl | 接口地址 | String | - | true |
| method | 请求方式 | String | - | true |
| extraParams | 登录接口自定义参数（默认参数：code,encryptedData，iv） | Object | {} | true |
Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| loginSuccess | 登录成功回调，返回：登录接口结果 | |
| loginError | 登录失败回调（登录接口异常）返回：错误信息 | |
| rejectAuth | 拒绝授权回调，返回（“getUserProfile” ，“getPhoneNumber”） | |
| open | 授权窗口打开回调 | |
| close | 授权窗口关闭回调 | |
| licenseClick | 点击协议回调 |
使用
<template>
<LoginAuth
v-model="showLoginAuth"
:postUrl="loginApi.url"
:method="loginApi.method"
@loginSuccess="loginSuccess($event)"
@loginError="loginError($event)"
@rejectAuth="rejectAuth($event)"
>
<view>你的页面代码</view>
</LoginAuth>
</template>
<script>
import LoginAuth from "@/components/LoginAuth";
import { _login_ } from "@/api/login.js";
export default {
components: {
LoginAuth,
},
data() {
return {
loginApi: _login_,
showLoginAuth: false,
};
},
methods: {
loginSuccess(data){
},
loginError(errorMsg){
},
rejectAuth(authApiName){
}
},
};