Question

我需要将Facebook插件集成到我的vuejs应用程序中。我想用 vue-facebook-login-component插件，但我在某些时候感到困惑。我无法更改文本，它没有文本属性，而是有文本插槽。并且他们的广告位示例没有Facebook登录所需的api-id。

他们必须插入插槽示例，但我不知道如何使用它，之前从未使用过插槽。我搜索了google，但仍然无法搜索。

在我的代码中使用时，slot-scope =“ scope”给出了作用域已定义但从未使用过的错误，所以我的第一个问题是如何使用它？

另一个问题是，在插槽示例中没有app-id，我混淆了使用插槽时在何处放置id，以及如何获取登录注销信息。

这是可行的，但我不能更改登录/注销工作文本。

<v-facebook-login app-id="966242223397117"></v-facebook-login>

这是在插件页面上给出插槽的示例

<template>
  <v-facebook-login-scope>
    <button slot-scope="scope">
      <!-- Compose HTML/CSS here, otherwise nothing will be rendered! -->
    </button>
  </v-facebook-login-scope>
</template>

这是我想要整合Facebook登录名的原始按钮代码。我将如何在上面的插槽代码中使用他的代码？我将把app-id放在哪里？这里是该插件带有插槽的更详细的代码，它也没有api-id。

https://github.com/adi518/vue-facebook-login-component/blob/master/src/components/FBLogin.vue

    <v-button
      class="gray fw shadow-none login-box__submit"
      title="FACEBOOK İLE GİRİŞ YAP"
    />

所以我尝试的是直接将我的按钮放在其中（只是给班级不起作用）

这为我的按钮类带来了按钮，但保持连接状态，并且从未带来登录

<template>
  <v-facebook-login-scope>
    <button slot-scope="scope">
      <!-- Compose HTML/CSS here, otherwise nothing will be rendered! -->
    <v-button
      class="gray fw shadow-none login-box__submit"
      title="FACEBOOK İLE GİRİŞ YAP"
    />
    </button>
  </v-facebook-login-scope>
</template>

Answer 1

尝试一下

<v-facebook-login app-id="966242223397117">
<span slot="login">FACEBOOK İLE GİRİŞ YAP</span>
</v-facebook-login>

如何为带有插槽的vuejs配置Facebook插件

1 个答案: