2021-07-30

微信小程序

页面跳转，这里有两种跳转方式：

1，wx.navigateTo，该方法只是隐藏掉父页面，页面会被保留在栈里面

wx.navigateTo({
      url: '/pages/posts/posts'
    });

2，wx.redirectTo，该方法会销毁父页面，且新版的微信小程序在左上方会给一个返回首页的图标，点击即可回到首页

wx.redirectTo({
      url: '/pages/posts/posts',
    })

捕捉事件
bind:tap=“函数名”，catch:tap=“函数名”
区别：
bind:tap会触发事件冒泡，而catch:tap会阻止冒泡；
点击text1时，会触发text1事件和view事件
点击text2时，只会触发text2事件

<view bindtap="view">
    <text bindtap="text1">text1</text>
    <text catchtap="text2">text2</text>
  </view>

弹窗功能
可以自定义弹窗内容，图标以及弹窗停留的时间

wx.showToast({
      title: '复制链接成功',
      icon: 'success',
      duration: 1000
    })

转发给好友

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

wx.showShareMenu({
          withShareTicket:false//这一般是默认的
        })

转发到群

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

wx.showShareMenu({
          withShareTicket:true
        })

开启朋友圈分享功能
微信小程序默认不开启朋友圈分享功能，需要自定义，按照下面设置好后，点击右上角的图标会看到朋友圈分享变成彩色的

//页面需设置允许“分享到朋友圈”，同时可自定义标题、分享图等
	onShareTimeline() {
    return {
      title: '自定义标题',
      imageUrl: '/images/x.jpg'
    }
  },

onShareAppMessage: function (res) {
	wx.showShareMenu({
          withShareTicket:true,
          menus: ['shareAppMessage', 'shareTimeline']
    })
}

当页面存在多个按钮时，可以给按钮加id,然后利用res传参，判断id,对不同按钮做不同处理

console.log(res.target.id)//获取被点击的按钮id