vue-social-sharing社交分享组件

cartoon 发布于2019-08-21 11:47 / 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	当分享弹出框关闭或使用其它分享弹出框时触发

参考地址：轮子工厂

云服务器 GPU云服务器社交分享社交分享网站社交网络分享社交分享插件

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

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

115网盘也有“后手”：云存储变身社交平台？

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

melody_lql 2019-04-25 16:53 评论0 收藏0
7个好用的社交分享按钮代码片段

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

zhouzhou 2019-08-21 12:13 评论0 收藏0