vue-social-sharing社交分享组件

cartoon 发布于2019-08-21 11:47 / 2565人阅读

这是最近看到的一个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