小程序页面内发起转发的兼容处理

页面内转发.png

wxml代码：

<button size="mini" type="default" bindtap="onClickShare" open-type="share">转发</button>

兼容处理方式：

  /**
   * 页面内分享
   * 1.2.0版本以上，需要做兼容处理
   */
  onClickShare: function (e) {
    if (wx.canIUse) {
      if (wx.canIUse('button.open-type.share')) {
        return;
      }
    }
    wx.showModal({
      title: '提示',
      content: '当前微信版本过低，无法使用该功能，请点击右上角<转发>菜单进行分享。'
    });
  }

思路：
1.由于组件button的open-type="share"属性1.2.0版本之上才支持，因此先根据兼容方式--组件进行处理

兼容方式-组件.png

即：

  onClickShare: function (e) {
      if (wx.canIUse('button.open-type.share')) {
        return;
      }
    wx.showModal({
      title: '提示',
      content: '当前微信版本过低，无法使用该功能，请点击右上角<转发>菜单进行分享。'
    });

但是这样写在基础库版本1.1.1之前会报错wx.canIUse is not a function，因为wx.canIUse是基础库版本1.1.1之后才有的接口，因此还要进行接口的兼容。

兼容方式-接口.png

即：

 onClickShare: function (e) {
  if(wx.canIUse){
      if (wx.canIUse('button.open-type.share')) {
          return;
      }
  }
  wx.showModal({
      title: '提示',
      content: '当前微信版本过低，无法使用该功能，请点击右上角<转发>菜单进行分享。'
  });
}