小程序携带页面数据跳转

 

页面结构：

要实现的效果：

 

点击index页面的图片将图片的标题作为参数跳转到details页面，成为details页面NavigationBarTitle（导航栏）的内容，跳转后的页面如下：

小程序带参跳转页面有两种方式：

方法一：在元素上绑定bind事件

方法二：利用<navigator></navigator>标签的url属性传参

接下来一步就是将传的参数设置为details页面的标题

options为对象类型，内容为跳转页面时携带的参数，如下：

此时跳转后的结果为：

 

由于此项目index页面里的数据是通过渲染完成的，所以在传参时我们可以将参数写成渲染数据时的格式：

此时便可实现将页面的动态数据转换为子页面的标题了