mkm
/
yanzhiAPP
Template
2
0
Fork 0
yanzhiAPP/components/own-share/readme.md

1.5 KiB

使用方法

本组件依赖于 uni-popup 组件 跟 uni-transtion 组件

	
	<own-share ref="share" :shareSummary="shareSummary" :shareImage="image"
	:shareTitle="title" :shareHref="href"
	:miniProgram="miniProgram" :webUrl="webUrl"
	@shareSuccess="shareSuccess" @shareFail="shareFail"></own-share>

	//先引入组件
	import ownShare from '@/components/own-share/own-share.vue'
	//然后使用
	components:{
		ownShare
	}
	
	//打开分享
	this.$nextTick(()=>{
		this.$refs.share.open()
	})
	//关闭分享
	this.$nextTick(()=>{
		this.$refs.share.close()
	})
	//当然也可以用 easycom 直接使用

参数 分享只用于app

参数 类型 是否必填
shareSummary String 只分享内容时必填
shareImage String 只分享图片时必填
shareTitle String
shareHref String 分享图文时必填
miniProgram Object 分享小程序必填

miniProgram参数 详情

参数 类型 是否必填
id String 微信小程序原始id
path String 点击链接进入的页面
type Number 微信小程序版本类型
webUrl String 兼容低版本的网页链接
事件 说明
shareSuccess 成功回调
shareFail 失败回调

图标链接写在组件里面请自行修改(请看示例项目)

了解更多uniapp分享,请参考官网