时间戳

首页 > 解决方案 > 为什么 npm vue-google-login 没有显示在 Vue 上？

vue.js - 为什么 npm vue-google-login 没有显示在 Vue 上？

问题描述

我正在尝试使用 Vue 制作谷歌登录示例项目。
首先，我发现名为“vue-google-login”的 npm 包非常好。
所以我尝试使用它，但从“vue-google-login”导入的组件似乎不起作用（按钮未显示）。
我正在使用下面的代码关注“vue-google-login”npm 指南。我终于得到了链接。

<template>
  <div id="google">
    <GoogleLogin :params="params" :renderParams="renderParams"></GoogleLogin>
  </div>
</template>

<script>
import GoogleLogin from 'vue-google-login'

export default {
  name: "App",
  data: () => ({
    // Google
    params: {
      client_id: "cliend_id"
    },
    renderParams: {
      width: 250,
      height: 50,
      longtitle: true
    }
  }),
  components: {
    GoogleLogin
  }
};
</script>

'vue-google-login' npm：https ://www.npmjs.com/package/vue-google-login

标签： vue.js

解决方案

vue-google-login是为 Vue 2 构建的，但您的项目使用的是不兼容的 Vue 3 。

一种选择是将 Vue 降级到版本 2。或者您可以使用支持 Vue 3 的其他 Google 身份验证库，例如vue3-google-oauth2.

推荐阅读