uniapp 实现微信小程序图片分享好友

181 阅读1分钟

比较简单,直接代码部分
官方文档参考: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>