wx小程序二

他方l 已关注

2018.06.06 21:24 字数 40 阅读 16评论 0喜欢 0

一、小程序全局生命周期钩子：

    onLanuch:当小程序初始化完成时，会触发 onLaunch（全局只触发一次） 
    onShow,程序进入前台运行时触发
    onHide,程序进入后台运行时触发
    onError,程序报错时触发
    onPageNotFound：页面找不到时触发

二、 页面生命周期钩子

    data    Object  页面的初始数据
    onLoad  Function    生命周期函数--监听页面加载
    onReady Function    生命周期函数--监听页面初次渲染完成
    onShow  Function    生命周期函数--监听页面显示
    onHide  Function    生命周期函数--监听页面隐藏
    onUnload    Function    生命周期函数--监听页面卸载
    onPullDownRefresh   Function    页面相关事件处理函数--监听用户下拉动作
    onReachBottom   Function    页面上拉触底事件的处理函数
    onShareAppMessage   Function    用户点击右上角转发
    onPageScroll    Function    页面滚动触发事件的处理函数
    onTabItemTap    Function    当前是 tab 页时，点击 tab 时触发

三、页面跳转

  标签方式：通过navigator跳转  相当于uve的router-link标签

<navigator url="路径" hover-class="navigator-hover" open-type="跳转类型">跳转到新页面</navigator>

open-type值：

 1.navigate：只能跳转到非tabbar页面，并且跳转完带返回功能
 2,redirect:只能跳转到非tabbar页面，并且跳转完不带返回功能
 3.switchTab:只能跳转到tabbar页面，并且跳转完不带返回功能
 4.reLaunch：即能跳转到tabar页面，也能跳转到非tabbar，不带返回功能
 5.navigateBack:

   js方式：

      wx.navigateTo({
          url: 'test?id=1'
       })

    相当于vue中的this.$router.push({path:" path: 'test?id=1'"})