Vuejs Komponente warten auf Facebook SDK zu laden

Question

Aug 15, 2016, 10:29 AM

Vuejs Komponente warten auf Facebook SDK zu laden

Ich habe eine Komponente, die eine Anmeldeschaltfläche oder einen Benutzernamen des Benutzers von Facebook anzeigt. hängt davon ab, ob er eingeloggt ist oder nicht.

Jetzt benutze ich in dieser Komponente das

created

event also werde ich sofort den Login überprüfen. Code wurde in Kürze erstellt:

FB.getLoginStatus(function(response) {
    //more things.....

Der Fehler ist, dass es heißt, dass FB nicht definiert ist, und sicher ist er richtig, FB ist noch nicht geladen.

Ich lade Facebook wie folgt

<body>
<script>
  window.fbAsyncInit = function() {
  FB.init({
    appId      : '1111111111',
    xfbml      : true,
    version    : 'v2.7'
  });
};

(function(d, s, id){
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) {return;}
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/sdk.js";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>