0.0.2 • Published 1 year ago

vue3-web-share v0.0.2

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

vue3-web-share

快速开始

安装

npm i vue3-web-share -S

引入

全局引入,在 main.js 中

import Vue3WebShare from "vue3-web-share";
import "vue3-web-share/lib/index.css";

或按组件单个引用,在.vue文件中

<script>
import { Vue3WebShare } from "vue3-web-share";
import "vue3-web-share/lib/index.css";

export default {
  name: "viewName",
  component: {
    Vue3WebShare,
  },
};
</script>

使用

<templete>
    <vue3-web-share></vue3-web-share>
</templete>

或带上参数

<templete>
    <vue3-web-share
		:url="baseUrl+blog.blogId"
		:title="blog.blogTitle"
		source="modifySource"
		:description="blog.blogDescription"
		:image="blog.blogImg"
		:twitter="true"
		:google="true"
	></vue3-web-share>
</templete>

Props 参数列表

prop作用默认值类型
url分享出去的网页链接location.hrefString
source来源String
origin网站地址location.orginString
title分享标题document.titleString
description分享描述String
image图片 urlString
QQ是否显示 QQ 的分享图标trueBoolean
weibo是否显示新浪微博的分享图标trueBoolean
weChat是否显示微信的分享图标trueBoolean
douban是否显示豆瓣的分享图标falseBoolean
QZone是否显示 QQ 空间的分享图标trueBoolean
0.0.2

1 year ago

0.0.1

1 year ago