详解微信小程序页面跳转传递参数

工具库

这篇文章主要介绍了详解微信小程序页面跳转传递参数，现在分享给大家，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。

微信小程序的页面跳转,页面之间传递参数笔记，具体如下：
先上demo图:

   跳转到新页面  在当前页打开

index.wxml中的URL就是跳转的页面路径.上面代码中就是navigator目录下的navigator页面,title是参数.

navigator下redirect属性是值在当前页打开.如果不加redirect就是跳转到新页面.都可以携带参数.

  {{title}}

在navigatort.wxml中通过js代码可以获取到title,代码如下

//navigatort.jsPage({  onLoad: function(options) {  this.setData({  title: options.title  })  } })

  {{title}}

//redirect.js Page({  onLoad: function(options) {  this.setData({  title: options.title  })  } })

最后上两张跳转后的图.

1.跳转到新页面

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持PHP中文网。

更多详解微信小程序页面跳转传递参数相关文章请关注PHP中文网！