码迷,mamicode.com
首页 > 其他好文 > 详细

vue分享

时间:2019-05-20 13:26:12      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:script   pen   布局   timeout   www.   title   alt   state   settime   

如图:

   技术图片

  一: 安装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分享

标签:script   pen   布局   timeout   www.   title   alt   state   settime   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!