uni-app 一键登录 设置两个其他登录方式 调起来的时候 有时候只显示一个

uni-app 一键登录 设置两个其他登录方式 调起来的时候 有时候只显示一个

操作步骤:

  • 点击唤起 一键登录 设置两个其他登录按钮图标 有时候只显示一个

预期结果:

  • 两个都正常显示

实际结果:

  • 有时候只显示一个

bug描述:

  • 设置两个其他登录方式 调起来的时候 有时候只显示一个

Image Image

信息类别 详细信息
产品分类 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一键登录组件渲染问题。根据你提供的截图和描述,问题可能出现在以下几个方面:

  1. 组件渲染时机问题:一键登录组件的其他登录方式按钮可能在某些情况下没有正确触发重新渲染。建议检查组件生命周期,确保在onReadyonLoad中正确初始化登录配置。

  2. 异步加载问题:登录按钮配置可能在组件完全初始化前就已设置,导致部分按钮未能正确渲染。可以尝试使用nextTick确保DOM更新完成后再设置按钮:

import { nextTick } from 'vue'

// 在设置登录方式后
this.setOtherLoginButtons(buttons)
nextTick(() => {
  // 确保渲染完成
})
回到顶部