Vue3 中Google登录按钮页面加载后闪烁的问题求助

大家好，我正在用Vue3开发前端应用，需要实现Google登录功能。目前整个登录流程已经能正常跑通了，但有个小问题真的让我很头疼——页面加载完成后，Google登录按钮会突然闪一下，效果如下：

这是我简化后的代码：

<template>
  <div>
    <div style="height: 44px; width: 250px">
      <div id="g_id_onload"
           :data-client_id="googleClientId"
           data-callback="handleGoogleCredentialResponse"
           data-auto_prompt="false"></div>
      <div class="g_id_signin" data-type="standard"></div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      googleClientId: import.meta.env.VITE_API_GOOGLE_CLIENT_ID
    }
  },
  // 相关回调逻辑已省略，仅保留核心代码
}
</script>

有没有朋友遇到过类似的情况？想请教下怎么解决这个按钮闪烁的问题，麻烦大家帮忙看看啦！

备注：内容来源于stack exchange，提问作者guyaloni