wx小程序二

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

     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'"})
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、小程序全局生命周期钩子: 二、 页面生命周期钩子 三、页面跳转 跳转到新页面 open-type值:
    他方l阅读 1,328评论 0 0
  • 一、小程序全局生命周期钩子: 二、 页面生命周期钩子 三、页面跳转 标签方式:通过navigator跳转 相当于...
    Abby_qi阅读 3,375评论 0 0
  • 一、小程序全局生命周期钩子: 二、 页面生命周期钩子 三、页面跳转 标签方式:通过navigator跳转 相当于...
    梦的枷锁阅读 2,118评论 0 0
  • 昨天,情人节加元宵节,特别的日子,听说19年轮回一次,下一次就肯定就老啦。昨天本来计划去 爬山踏青,孰知睡过头啦,...
    那个流沙阅读 1,508评论 0 1
  • 周金涛(已逝) 睿沃正道家族办公室 今天 好书推荐 60年的经济周期:人生有三次财富机会 重要经济 周期理论开创者...
    友邦徐善银字久弘阅读 7,939评论 0 4

友情链接更多精彩内容