fb图形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

您必须在getFaceBookPhotos函数中调用init函数。

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
      })
  }
}