微信小程序开发之页面跳转及传参

最近在找工作的过程中,发现企业都要求掌握小程序开发。于是,利用闲余时间就研究了一下,鉴于之前有用vue-cli开发过webapp,因此,学起小程序来是相对比较轻松愉快的。

在小程序开发中,使用navigator标签来实现页面跳转,url使用的是相对路径。如下:

<navigator url="../detail/detail">点击跳转到详情页</navigator>

如果要跳转到某个导航标签页,则需要加open-type="switchTab"属性。如下:

<navigator url="../news/news" open-type="switchTab">点击跳转到导航标签页</navigator>

接下来是传参问题,在url后面以?的形式写上参数即可,多个参数用&连接。如下:

<navigator url="../detail/detail?name=cys&age=23">点击跳转到详情页</navigator>

最后在被打开页面利用options参数来获取传递的数据。

Page({
  data:{},
  // 生命周期
  onLoad:function (options){
    console.log(options.name);
    console.log(options.age);
  }
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,707评论 25 709
  • 生活中原本以为一直深信不疑的东西,随着年龄的增长慢慢地变得不可信了,可有些东西无论怎样流逝,它永远还是原来的本色。...
    易钰萍阅读 750评论 0 0
  • 结束了"高效能人士的七个习惯"的阅读,需要时间慢慢消化和实践。 第八章的"知彼解己"和第九章的"统合综效"是作者经...
    小猪胖胖阅读 634评论 1 2
  • 康联积极响应国家《大众创业,万众创新》的号召,携手中国平安、赢销客、拉卡拉、中国民生银行、中信银行用互联网+共享经...
    da744cbd2155阅读 268评论 1 0