vue pc端分享插件-ssr版

pc端要实现分享页面的功能，效果图如下

image.png

找了vshare 插件，实现了分享
https://github.com/1006008051/vshare

页面初始化后可以实现分享功能，但是页面跳出去，然后再回来，分享图标就不显示了，于是修改了vshare的代码

if(process.client) {} 这个因为是ssr项目所以才加入的，不是ssr项目无需加这个判断，引用方式如下（用了elementui el-popover）

      
          

              
          
          

            
            分享
          
          
      

import  vshare  from './bdShare'

export default {
  name: 'optionbar',
  data() {
    return {
      vshareConfig: {
        shareList: [
          'qzone',
          'tsina',
          'renren',
          'tsohu',
          'weixin'
        ],
        common : {
          //此处放置通用设置
        },
        share : [{
          //此处放置分享按钮设置
          bdSize: 24
          }
        ],
        // slide : [
        //   //此处放置浮窗分享设置 
        // ],
        // image : [
        //   //此处放置图片分享设置
        // ],
        // selectShare : [
        //   //此处放置划词分享设置
        // ]
      }
    }
  },
  components: {
    vshare: vshare
  }
}

具体的配置可以看vshare文档
最后效果如下

image.png