代码之家 › 专栏 › 技术社区 › Jessey Fransen

fb graph api未使用vue进行响应

facebook-javascript-sdk facebook-graph-api vue.js facebook

0

Jessey Fransen · 技术社区 · 6 年前

我正在尝试制作一个显示Facebook相册中照片的组件。当我按下按钮时,我会看到控制台日志“button pressed”(按钮按下),但控制台中没有其他显示。有人知道我做错了什么吗?

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

0 回复 | 直到 6 年前

1

0

Göksu Deniz 6 年前

必须在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
      })
  }
}