首页 > 其他 > 详细

vue分享

时间:2019-05-20 12:54:58      阅读:186      评论:0      收藏:0      [点我收藏+]

如图:

   技术分享图片

  一: 安装share.js

npm install social-share.js

二:刚进来初始化

setTimeout(() => {
        this.setShare();
}, 0);
setShare() {
      let random = parseInt(Math.random() * 10000);
      this.urlParam =
        "http://www.xxxxxxx.com/share/index.html?stuWorkid=" +
        data+
        "&schoolcode=" +
        this.$store.state.schoolcode +
        "&random=" +
        random;
      console.log(this.urlParam)
      //分享相关代码
      window._bd_share_config = {
        common: {
          bdText: "我要分享",
          bdDesc: "我也要分享",
          bdUrl: this.urlParam
        },
        share: [
          {
            bdSize: 32
          }
        ]
      };
      console.log(window._bd_share_config)
      var s = document.createElement("script");
      s.type = "text/javascript";
      s.id = "scriptJs";
      s.src =
        "http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=" +
        ~(-new Date() / 36e5);
      console.log(s.src)
      document.body.appendChild(s);
      window._bd_share_main.init();
    }

 

三:布局

 <div class="bdsharebuttonbox">
      <img src="../assets/img/weixin.png" data-cmd="weixin"  title="分享到微信"/>
      <img src="../assets/img/weibo.png"  data-cmd="tsina"  title="分享到新浪微博"/>
      <img src="../assets/img/gengduo.png" data-cmd="more"  title="更多"/>
 </div>

 

 

 

                                                                                                                                      ----------END

 

vue分享

原文:https://www.cnblogs.com/liujiajiablog/p/10893422.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!