Need help with vue-social-share?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

sinchang
135 Stars 34 Forks 6 Commits 8 Opened issues

Description

A Vue 2.x social share component

Services available

!
?

Need anything else?

Contributors list

# 8,964
HTML
vuejs
Express
MongoDB
6 commits

vue-social-share

A Vue 2.x social share component based on Share.js

NPM version Vue 2.x NPM downloads

Live Demo

Install

npm install vue-social-share -S

Usage

import Vue from 'vue'
import Share from 'vue-social-share'

Vue.use(Share)

Props

props

config
是一个对象,包含如下属性。
url                 : '', // 网址,默认使用 window.location.href
source              : '', // 来源(QQ空间会用到), 默认读取head标签:
title               : '', // 标题,默认读取 document.title 或者 
description         : '', // 描述, 默认读取head标签:
image               : '', // 图片, 默认取网页中第一个img标签
sites               : ['qzone', 'qq', 'weibo','wechat', 'douban'], // 启用的站点
disabled            : ['google', 'facebook', 'twitter'], // 禁用的站点
wechatQrcodeTitle   : '微信扫一扫:分享', // 微信二维码提示文字
wechatQrcodeHelper  : '

微信里点“发现”,扫一下

二维码便可将本文分享至朋友圈。

'

支持站点

微博、QQ 空间、QQ 好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+

Development

  • yarn example
    : Run example in development mode
  • yarn build
    : Build component in both format

Credits

License

This content is released under the MIT License.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.