Как заставить плагин Комментариев Facebook работать с VueJS - PullRequest
Новая
       7

Как заставить плагин Комментариев Facebook работать с VueJS

0 голосов
/ 02 сентября 2018

Проблема в том, что у меня правильно настроен плагин Facebook Comments, насколько мне известно, но он вообще не отображается. Любые мнения будут с благодарностью.

Вот как я подключил его в своем приложении VueJS, ниже.

Основной индексный файл: 

<div id="fb-root"></div>

<router-view></router-view>

экземпляр Vue: 

new Vue({
  el: '#app',
  router,
  data: {},
  beforeMount: function () {

  },
  created: function() {
    window.fbAsyncInit = function() {
        FB.init({
          appId            : '****',
          autoLogAppEvents : true,
          xfbml            : true,
          version          : 'v3.1'
        });
    };

    (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 = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.1';
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
  }
})

Контейнер, который будет отображать комментарии: 

<template>
    <div>
        <div class="fb-comments" data-href="http://tmp.local/dashboard#test/6" data-numposts="5"></div>
    </div>
</template>

<script>


export default {
    name: 'cont',
    data () {
        return {

        }
    },
    mounted () {
        window.FB.XFBML.parse();
    },

}
</script>

<style scoped>

</style>
...