uni-app设置小程序分享按钮唤醒参数设置
uni-app
2023-04-29 11:51:43
对于小程序或网站来说,分享是重要的传播途径之一。也是大多数网站及小程序必用的传播途径,那么基于uni-app开发的小程序我们要如何设置分享按钮及对应参数呢?
QQ小程序分享截图:
分享完整代码:
1、template中button的设置
<button open-type="share" class="">分享给朋友</button>
2、script中代码设置
export default {
data() {
return {
shareInfo: {
title: '分享标题',
desc: '自定义分享描述',
imageUrl: '分享图标,路径可以是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4',
path: '页面 path ,必须是以 / 开头的完整路径。注意:京东小程序,开头不要加'/'',
success: function(e) {//接口调用成功的回调函数
console.log(e);
}
},
}
},
onLoad(e) {},
methods: {}
onShareAppMessage: function() {
return this.shareInfo;
},
onShareTimeline: function() {
return this.shareInfo;
}
}
以上配置完成后,点击分享按钮。即可唤醒分享操作。
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
877篇文章
991人已阅读