美文网首页
vx小程序二

vx小程序二

作者: Abby_qi | 来源:发表于2018-06-06 21:26 被阅读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'"})

相关文章

  • vx小程序二

    一、小程序全局生命周期钩子: 二、 页面生命周期钩子 三、页面跳转 标签方式:通过navigator跳转 相当于...

  • VX小程序

    微信小程序小程序是什么:是一种不需要下载安装即可使用的应用,触手可及、用完即走的应用。2017年1月9日,张小龙在...

  • VX小程序三

    小程序自定义组件使用 第一步:创建自定义组件 第二步:如何引入组件 例如:在login页面中引入dialog组件 ...

  • VX小程序一

    微信小程序小程序是什么:是一种不需要下载安装即可使用的应用,触手可及、用完即走的应用。2017年1月9日,张小龙在...

  • 微信小程序列表渲染

    1. 指令渲染指令:vx:for每个项目在微信小程序中定好了,都叫item。 2. 微信小程序的列表渲染可以渲染数...

  • 小程序部署流程

    小程序部署流程: 一、 注册小程序(小程序接入指南) 二、创建小程序项目(简易教程·小程序) 三、部署开发环境(开...

  • vx

    vx

  • 来阿里有段时间了,谈谈这几个月最真实的感受

    作者:黄小斜 文章来源:vx公号【程序员江湖】 阅读本文大概需要 4 分钟。 有段时间没写过原创了,想了各种理由,...

  • 广州消费全返模式开发

    消费全返系统开发系统(Tel/Vx151-1373-2151,何先生)消费全返系统开发小程序,消费全返系统开发微商...

  • 小程序(二)

    //通过调用API进行跳转 wx.navigateTo({ url: '../logs/logs' }) ...

网友评论

      本文标题:vx小程序二

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