nuxt 在里面添加分享，分享按钮不显示

Question

  mounted(){
   this.bbb();
  }
methods：{
  bbb(){
      var self = this;
      window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"", onBeforeClick:SetShareUrl, "bdUrl" : 'http://www.applicationuk.com/cn/youziDetail', "bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","sqq","weixin","tsina"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","sqq","weixin","tsina"]}};
      const s = document.createElement('script');
      s.type = 'text/javascript';
      s.src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5);
      document.body.appendChild(s)
      function SetShareUrl(cmd, config) {
        config.bdUrl = "http://www.applicationuk.com/cn/youziDetail?id="+ self.ppp;
        return config;
      }
    }
  }

当点击进去页面后分享按钮没有显示，在次按f5的时候就有时候会显示，是怎么回事呢。然后直接把js写在界面上dom里面就是对的。

Answer 1

不应在mounted里面调用，应该在dom,以及数据也渲染之后才能调用，要不然，界面只是加载了dom.获取的数据还并未加载出来。应该在加载数据之后调用。