页面结构:

小程序携带页面数据跳转

要实现的效果:

 小程序携带页面数据跳转

点击index页面的图片将图片的标题作为参数跳转到details页面,成为details页面NavigationBarTitle(导航栏)的内容,跳转后的页面如下:

小程序携带页面数据跳转

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

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

小程序携带页面数据跳转

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

小程序携带页面数据跳转

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

小程序携带页面数据跳转

options为对象类型,内容为跳转页面时携带的参数,如下:小程序携带页面数据跳转

此时跳转后的结果为:小程序携带页面数据跳转

 

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

小程序携带页面数据跳转

此时便可实现将页面的动态数据转换为子页面的标题了小程序携带页面数据跳转

 

相关文章: