Как я могу настроить плагин facebook для vuejs со слотами - PullRequest
0 голосов
/ 11 июня 2019

Мне нужно интегрировать плагин facebook в мое приложение vuejs. Я хотел использовать vue-facebook-login-component plugin, но я в некоторых моментах запутался. Я не могу изменить текст, у него нет текстовой опоры, вместо этого есть текстовый слот. И в их слоте нет api-идентификатора, который необходим для входа в Facebook.

У них есть пример слота, но я не мог понять, как его использовать, никогда раньше не использовал слот. Я искал в Google, но до сих пор не могу сделать это.

Когда я использовал в своем коде, slot-scope = "scope" указывает, что область видимости определена, но никогда не использовала ошибку, поэтому мой первый вопрос: как я буду ее использовать?

Другая проблема заключается в том, что в примере слота у него нет идентификатора приложения, я запутался, где указывать идентификатор при использовании слота и как получить информацию для входа и выхода из системы.

это работает, но я не могу изменить тексты для входа / выхода из системы.

<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>
...