third-party-qrcode 第三方扫码登录组件
third-party-qrcode 介绍
该组件主要用于第三方扫码登录，根据传入的source识别对应的第三方系统，生成第三方系统的授权二维码
third-party-qrcode Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| source | 第三方登录方式 | String | — | — |
| tip | Tip | String | — | — |
| areaHeight | 显示二维码的区域的高度 | Number | — | 300 |
| qrcodeHeight | 二维码的高度 | Number | — | 200 |
third-party-qrcode Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| authorized | 二维码权限验证通过后触发 | source |
third-party-qrcode 组件使用
<template>
<div>
<third-party-qrcode
:source="source"
:area-height="436"
:qrcode-height="300"
@authorized="XXX"
></third-party-qrcode>
</div>
</template>
<script>
export default {
data() {
return {
source: null
}
},
methods: {
XXX() {}
}
}
</script>
页面显示效果
