1. onShareAppMessage 関数を使用します。onShareAppMessage 関数がページの js ファイルで定義されている場合、ページは、ページを転送できることを示すことができます。関数内でページ送り情報を設定できます。
(1) この関数が定義されている場合のみ、アプレットの右上隅のメニューに進むボタンが表示されます
(2) ユーザーが進むボタンをクリックすると、この関数がコールバックされます
(3) この関数は必要があります転送された情報を含むオブジェクトを返します (転送されたコンテンツはカスタマイズできます)。
2. 1 つは属性 open-type を持つボタンで、その値はページ内で共有されます。(注: ボタンコンポーネントである必要があります。他のコンポーネントで open-type="share" を設定することは無効です)
たった今:<button data-name="shareBtn" open-type="share">转发</button>
注!!! onShareAppMessage はページのメソッドであり、コンポーネント内ではトリガーされません。
アプレットの共有機能では、ボタン コンポーネントに open-type: "share" を追加する必要があり、ボタンがクリックされたときに onShareAppMessage 関数が呼び出されます。ボタンのパラメータを関数に渡す必要がある場合は、次を使用します。 :data-属性=值
html:
<view class="activity-box" v-for="(item,index) in activity" >
<view class="activity-title flex between center-v">
<view class="title text-ellipsis">
{
{item.theme}}
</view>
<button type="default" open-type="share" :data-item='item'>
<image :src="getStaticIconPath('icon-zhuanfa.png')" mode="" class="_inco"></image>
</button>
</view>
</view>
js:
//分享函数
onShareAppMessage(res) {
console.log(res,'我是分享'); //打印出来的就是:data-item='item'里的'item'值
//也就是循环里的item值,循环里的每一项
const that = this;
let data = res.target.dataset.item; //取到传入的参数
let shareobj = {
title:'',//分享的标题 默认是小程序的名称
path:"",//好友点击分享之后跳转的页面 默认是当前页面,必须是以‘/’开头的完整路径
imageUrl: "",//自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
}
//来自页面按钮内的分享
if(res.from === 'button'){
shareobj.title="", //你要分享的标题
shareobj.path="", //你要跳转的页面路径
shareobj.imageUrl="",//你要分享的图片
}
return shareobj//最后一定要返回对象
},
レンダリングは次のとおりです: (console.log(res,'I am Sharing'))