Facebook 页面插件未在 Vue Js 中加载

Question

我已在我的 Vuejs 应用程序中集成了 Facebook 页面插件。当我从一个组件移动到另一个组件并返回到包含 Facebook 页面的组件时，该页面不会加载。它仅在第一次和每次我加载完整网站时加载。有什么解决办法吗？

Answer 1

经过一番挖掘后找到了答案。 每次安装组件时我都需要显式加载脚本。 使用了这个 NPM 包 [https://www.npmjs.com/package/vue-plugin-load-script ]

mounted() {
    this.$loadScript(
      "https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v5.0&appId=***&autoLogAppEvents=1"
    )
      .then(() => {
        this.$nextTick(() => {
          window.FB.XFBML.parse();
        });
      })
      .catch(() => {
        console.log("SCRIPT LAODING ERROR");
      });
  }