uni-app 一键登录 设置两个其他登录方式 调起来的时候 有时候只显示一个
uni-app 一键登录 设置两个其他登录方式 调起来的时候 有时候只显示一个
操作步骤:
- 点击唤起 一键登录 设置两个其他登录按钮图标 有时候只显示一个
预期结果:
- 两个都正常显示
实际结果:
- 有时候只显示一个
bug描述:
- 设置两个其他登录方式 调起来的时候 有时候只显示一个

| 信息类别 | 详细信息 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | 64 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 4.75 |
| 手机系统 | Android |
| 手机系统版本号 | Android 11 |
| 手机厂商 | vivo |
| 手机机型 | vivo Y30g |
| 页面类型 | vue |
| vue版本 | vue3 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
更多关于uni-app 一键登录 设置两个其他登录方式 调起来的时候 有时候只显示一个的实战教程也可以访问 https://www.itying.com/category-93-b0.html
3 回复
检查一下是否调了多次 login
更多关于uni-app 一键登录 设置两个其他登录方式 调起来的时候 有时候只显示一个的实战教程也可以访问 https://www.itying.com/category-93-b0.html
做了防抖 300ms 内重复点击 只执行最后一次
这是一个典型的uni-app一键登录组件渲染问题。根据你提供的截图和描述,问题可能出现在以下几个方面:
-
组件渲染时机问题:一键登录组件的其他登录方式按钮可能在某些情况下没有正确触发重新渲染。建议检查组件生命周期,确保在
onReady或onLoad中正确初始化登录配置。 -
异步加载问题:登录按钮配置可能在组件完全初始化前就已设置,导致部分按钮未能正确渲染。可以尝试使用
nextTick确保DOM更新完成后再设置按钮:
import { nextTick } from 'vue'
// 在设置登录方式后
this.setOtherLoginButtons(buttons)
nextTick(() => {
// 确保渲染完成
})

