Javascript Facebook共享无法在vue js中动态创建页面

我想使用facebook共享分享我的产品。我使用vue js进行前端开发。 这是我的密码。我使用了社交共享库。这是我的共享按钮代码

     <social-sharing
      :url="'https://www.airbuddyhub.com/view-request/'+ItemDetails.id"
       inline-template
    >
    <network network="facebook">
    <i class="fa fa-facebook"></i>
    </network>
    </social-sharing>
   </div>

之后，我在我的主索引文件中添加了我的fb应用程序id和sdk

      window.fbAsyncInit = function() {
        FB.init({
          appId: "2088241224810720",
          autoLogAppEvents: true,
          xfbml: true,
          version: "v5.0"
        });
      };
    </script>
<script
      async
      defer
      crossorigin="anonymous"
      src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v5.0&appId=1113427062193399&autoLogAppEvents=1"
    ></script>

window.fbAsyninit=function（）{
FB.init({
appId:“208824122810720”，
自动假肢：对，
xfbml：是的，
版本：“v5.0”
});
};

---

但它不起作用。你们能帮我吗？元数据标记也出现在标题标记中。但不起作用。

Facebook忽略JavaScript，所以如果只使用JavaScript设置它，它将无法获取打开的图形数据。您必须提供it服务器端，选项有（服务器端渲染）或

      window.fbAsyncInit = function() {
        FB.init({
          appId: "2088241224810720",
          autoLogAppEvents: true,
          xfbml: true,
          version: "v5.0"
        });
      };
    </script>
<script
      async
      defer
      crossorigin="anonymous"
      src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v5.0&appId=1113427062193399&autoLogAppEvents=1"
    ></script>