比较简单,直接代码部分
官方文档参考:uniapp.dcloud.net.cn/api/plugins…
需要注意的是:在html中,需要使用button按钮触发事件,并且需要添加open-type="share",原因是,官网提供的share API的调用不支持小程序,所以小程序中使用时,只能只能用户主动点击触发分享,或者监听右上角的分享按钮。这个官网上也有写,可以自行翻看~
HTML部分
<button class="card" open-type="share" type="default" plain="true" @click="shareCode">
<uni-icons type="redo-filled" size="30" class="card-icon"></uni-icons>
<text class="card-text">分享</text>
</button>
js部分
<script setup>
function shareCode(){
return {
title: '标题',//分享内容(为空则为当前页面文本)
path: '',//分享地址 路径,传递参数到指定页面。(为空则为当前页面路径)
imageUrl: qrcode1,//分享的封面图(为空则为当前页面)
success: function (res) {
console.log("转发成功:" + JSON.stringify(res));
},
fail: function (res) {
console.log("转发失败:" + JSON.stringify(res));
}
}
}
</script>