vue中使用share.js分享

在vue中使用share.js分享

npm install vue-social-share -S//下载命令
//在main.js中引入
import Share from 'vue-social-share'
Vue.use(Share);

//在需要使用该插件的vue文件中
<share :config="config" @click="sharenum"></share>
//config属性放在data中
  data() {
    return {
      config:{
        url:'http://paiwap.hoer.top/video/' + this.$route.params.id,
        disabled:['douban','linkedin','diandian']
      }
    };
  },
//在style标签中引入share.js需要的css样式
@import "../assets/dist/css/share.min.css";
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,171评论 0 1
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    王喂马_阅读 6,481评论 1 77
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    你猜_3214阅读 11,147评论 0 118
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    小姜先森o0O阅读 9,606评论 0 72
  • UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 m...
    柴东啊阅读 15,876评论 2 140