uniapp 微信小程序自定义分享按钮,

211 阅读1分钟

场景:根据ui图自定义小程序页面分享给好友的功能,如下图

image.png

但是,uniapp官方只提供了固定按钮的方式,想点击ui效果触发分享按钮的click事件

<button open-type="share">

踩坑1:ref无法获取非组件元素

踩坑2:uni.createSelectorQuery()获取的元素信息很少,更没有click

最后方法:采用将按钮覆盖在ui效果上,透明度为0,opacity: 0;

image.png