小程序如何在Button以外的元素上绑定分享功能

一般做法

一般情况下必须在button上才能绑定分享功能像这样。

<button open-type="share"></button>

这样可以满足大部分情况但是样式极其不好调。

自定义做法

这里以 vant-weapp 的tabbar-item做测试。用一个label的for属性指向隐藏分享按钮即可。简单快捷,适用于任何元素。

<van-tabbar-item>
      <view slot="icon">
        <label for="share">
          <van-icon name="share" size="22px" />
        </label>
      </view>
      <label for="share">分享到群</label>
      <button id='share' open-type="share" hidden='true'>  </button>   
</van-tabbar-item>