vue中使用百度分享？

Question

将百度分享的配置代码放在index.html中，分享图标正常显示，此时容器的class为 btn-style1-32；放在独立的vue文件中，图标不显示，审查元素发现a标签宽度为0，手动将a设置为32px后，分享的图标显示，但是图标很小，此时容器的class为 btn-style0-16。我想将配置代码放在vue文件中也能正常显示，下面分别是代码配置（ 代码是放在mounted中的）和两种情况的截图：

window._bd_share_config={
        "common":{
          // onBeforeClick:SetShare,
          "bdSnsKey":{},
          "bdText":"黑恶势力来袭，来战个痛快！",
          "bdMini":"1",
          "bdMiniList":false,
          "bdPic":"",
          "bdStyle":"1",
          "bdSize":"32"
        },
        "share":{}
      }
      

Answer 1

不明不白又可以了。。。

Answer 2

同 不明不白又可以了 现在的问题是需要刷新一次才有用

Answer 3

试了那么多种方法都不行，自己观察了一下，解决了。就是要加上class bdshare-button-style0-16

<template>
   <div class="bdsharebuttonbox bdshare-button-style0-16">
       <a href="#" class="bds_more" data-cmd="more"></a>
       <a href="#" class="bds_qzone" data-cmd="qzone"></a>
       <a href="#" class="bds_tsina" data-cmd="tsina"></a>
       <a href="#" class="bds_tqq" data-cmd="tqq"></a>
       <a href="#" class="bds_renren" data-cmd="renren"></a>
       <a href="#" class="bds_weixin" data-cmd="weixin"></a>
    </div>

</template>

<script>
export default {
beforeCreate(){
    const _this=this;
    setTimeout(()=>{
        _this.setup()
    },0)
},
methods:{
    setup(){      
        window._bd_share_config={
            "common":{
                "bdSnsKey":{},
                "bdText":"",
                "bdMini":"2",
                "bdPic":"",
                "bdStyle":"0",
                "bdSize":"16"
            },
            "share":{},
            "image":{
                "viewList":["qzone","tsina","tqq","renren","weixin"],
                "viewText":"分享到：","viewSize":"16"
            },
            "selectShare":{
                "bdContainerClass":null,
                "bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]
            }
        };
        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);
    }
}
}
</script>

Answer 4

百度分享实现了吗 求助 我这让他卡住了 完全懵