资讯专栏INFORMATION COLUMN

vue-social-sharing社交分享组件

cartoon / 2482人阅读

这是最近看到的一个vue的社交分享组件。vue-social-sharing支持facebook,Google +,LinkedIn,Pinterest,Reddit,Twitter,VKontakte,Weibo,Whatsapp平台的分享功能。使用也十分简单。
这里是Demo

安装

通过NPM安装
npm install --save vue-social-sharing
通过Yarn安装
yarn add vue-social-sharing
通过Bower安装
bower install vue-social-sharing

插件应用

Browserify / Webpack加载组件库

var SocialSharing = require("vue-social-sharing");

Vue.use(SocialSharing);

html加载组件库


使用组件


  
Facebook Google + LinkedIn Pinterest Reddit Twitter VKontakte Weibo Whatsapp
插件参数
名称 类型 默认值 说明
url String current 分享的url
title String - 分享的标题
description String - 分享的描述
quote String - facebook的quote,只有facebook使用
hashtags String - 标签,用逗号分割
twitter-user String - Twitter user,只有twitter使用
media String - 多媒体链接,只有Pinterest 使用
事件
名称 数据 描述
social_shares_open Network object, shared url 当分享弹出框打开时触发
social_shares_change Network object, shared url 当已有分享弹出框打开,用户又触发一个分享弹出框时触发
social_shares_close Network object, shared url 当分享弹出框关闭或使用其它分享弹出框时触发

参考地址:轮子工厂

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87121.html

相关文章

  • 115网盘也有“后手”:云存储变身社交平台?

    摘要:同时,我们也很欣慰地告诉大家,针对强关系的小范围群组社交平台圈子已经成功上线和小范围试点,它是基于云存储平台的群组化私密社交网络,它将网盘文件的分享功能提升到一个全新的社交层面,它将为用户的文件分享提供一个更为高效与安全的技术平台。 8月7日,115官方更是发布了公告,称115网盘因为版权等问题将不再提供面向外网用户的文件大众分享服务。以下是公告全文。 尊敬的115网盘用户: 接上级有关...

    melody_lql 评论0 收藏0
  • 7个好用的社交分享按钮代码片段

    摘要:社交分享按钮几乎成了网页的标配。我在这里分享一些我从网上收集的社交分享按钮的代码片段。我相信,一切取自网络的,必须回馈给网络。如果你希望带上数目我喜欢在上收藏站点。给同样喜欢的用户原文翻译 社交分享按钮几乎成了网页的标配。我在这里分享一些我从网上收集的社交分享按钮的代码片段。我相信,一切取自网络的,必须回馈给网络。 showImg(http://segmentfault.com/im...

    zhouzhou 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<