美文网首页
wx小程序二

wx小程序二

作者: Yaoxue9 | 来源:发表于2018-06-06 21:49 被阅读8次

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

         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'"})
    

    相关文章

      网友评论

          本文标题:wx小程序二

          本文链接:https://www.haomeiwen.com/subject/fqiisftx.html