fb graph api нет ответа с помощью vue

Question

Я пытаюсь создать компонент, который показывает фотографии из фотоальбома Facebook. Когда я нажимаю кнопку, я получаю журнал консоли «Кнопка нажата», но в консоли больше ничего не отображается. Кто-нибудь знает, что я делаю не так?

<button class="btn button" v-on:click="getFacebookPhotos">Button</button>

<script>
  export default {
    data() {
      return {}
    },
    methods: {
      getFacebookPhotos() {
        console.log('Button pressed');

        window.fbAsyncInit = function() {
          FB.api('/https://www.facebook.com/pg/Caf%C3%A9-The-Piperbag-2763646256994589/photos/', 'GET', { tab: 'album', album_id: '2763679070324641/photos' }, function(response) {
            console.log('We got a response boys!'); // doesn't show
            console.log(response); // doesn't show
          })
        }
      },
    }
  }
</script>

Answer 1

Вы должны вызвать функцию init в функции getFaceBookPhotos.

methods: {
  getFacebookPhotos() {
    console.log('Button pressed');        
    fbAsyncInit();
  },

  fbAsyncInit = function() {
      FB.api('https://www.facebook.com/pg/Caf%C3%A9-The-Piperbag-2763646256994589/photos/', 'GET', { tab: 'album', album_id: '2763679070324641/photos' }, function(response) {
        console.log('We got a response boys!'); // doesn't show
        console.log(response); // doesn't show
      })
  }
}