β

「小程序JAVA实战」小程序导航组件(26)

Harries Blog™ 28 阅读

来说下 ,小程序的导航组件。 源码 https :// git hub.com/limingios/wxProgram.git 中的No.13

navigate

实际使用中主要分为三种类型

  • navigate
  • redirect
  • navigateBack

当页面一直一直往下跳的时候,可以逐级返回。

  • 官方介绍

    > http s://developers.weixin.qq.com/min ip rogram/dev/component/navigator.html

「小程序JAVA实战」小程序导航组件(26)

  • 演示用例

page1.wxml

<!--pages/page1/page1.wxml-->
<text>pages/page1/page1.wxml</text>

<navigator url='../page2/page2'>跳转到第二页</navigator>
<navigator url='../page3/page3'>跳转到第三页</navigator>


<navigator url='../page2/page2' open-type='redirect'>redirect方式跳转到第二页</navigator>

<navigator url='../page2/page2?name1=个人主页:idig.com&name2=公众号:编程坑太多'> 传递参数的跳转到第二页</navigator>

page2.wxml

<!--pages/page2/page2.wxml-->
<text>pages/page2/page2.wxml</text>

<navigator url='../page3/page3'>跳转到第三页</navigator>

<navigator open-type='navigateBack'>redirect类型点击无效,返回上一级</navigator>

page2. js

// pages/page2/page2.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      console.log(options);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

page3.html

<!--pages/page3/page3.wxml-->
<text>pages/page3/page3.wxml</text>


<navigator open-type='navigateBack'>返回上一级</navigator>

<navigator open-type='navigateBack' delta='2'>返回上两级</navigator>

「小程序JAVA实战」小程序导航组件(26)

PS:这个就是页面跳转的实践,navigate这个标签还是特别重要的,因为在实际 开发 过程中,页面跳转还是非常的多的。

百度 未收录

>>原创 文章 ,欢迎转载。转载请注明:转载自 IT人 故事会,谢谢!

>>原文链接地址:

原文

http://idig8.com/2018/08/19/xiaochengxu java shizhanxiaochengxudaohangzujian26/

本站部分文章源于互联网,本着传播知识、有益学习和研究的目的进行的转载,为网友免费提供。如有著作权人或出版方提出异议,本站将立即删除。如果您对文章转载有任何疑问请告之我们,以便我们及时纠正。 PS:推荐一个微信公众号: askHarries 或者qq群:474807195,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分析,高并发、高性能、分布式、微服务架构的原理,JVM性能优化这些成为架构师必备的知识体系。还能领取免费的学习资源,目前受益良多

转载请注明原文出处: Harries Blog™ » 「小程序JAVA实战」小程序导航组件(26)

作者:Harries Blog™
追心中的海,逐世界的梦
原文地址:「小程序JAVA实战」小程序导航组件(26), 感谢原作者分享。

发表评论