所以我使用了https://developers.google.com/identity/sign-in/web/的指南和代码
当我点击这个按钮时，它工作正常，它会将我重定向到谷歌登录页面，在验证过程中不会出现任何问题.
完成后，它将我重定向回按钮所在的页面(vue组件).理论上，它应该调用onSignIn方法并用console.log打印出信息，但它没有发生.
不知何故，Vue无法执行data-onsuccess="onSignIn"次死刑.我试着将data-onsuccess改为动态props (:data-onsuccess)或事件处理(@data-onsuccess)，这两个都不起作用.
以前有人反驳过这个问题吗？或者有特殊的方法在Vue上实现它？
data-onsuccess="onSignIn"正在寻找全球onSignIn功能.你需要把onSignIn放在Vue组件外面.
另一种方法是使用gapi.signin2.render渲染登录按钮，然后可以在Vue组件内部使用onSignIn:
<template>
<div id="google-signin-button"></div>
</template>
<script>
export default {
mounted() {
gapi.signin2.render('google-signin-button', {
onsuccess: this.onSignIn
})
},
methods: {
onSignIn (user) {
const profile = user.getBasicProfile()
}
}
}
</script>
更多参考:https://developers.google.com/identity/sign-in/web/build-button