页面结构:
要实现的效果:
点击index页面的图片将图片的标题作为参数跳转到details页面,成为details页面NavigationBarTitle(导航栏)的内容,跳转后的页面如下:
小程序带参跳转页面有两种方式:
方法一:在元素上绑定bind事件
方法二:利用navigator/navigator标签的url属性传参
接下来一步就是将传的参数设置为details页面的标题
options为对象类型,内容为跳转页面时携带的参数,如下:
此时跳转后的结果为:
由于此项目index页面里的数据是通过渲染完成的,所以在传参时我们可以将参数写成渲染数据时的格式:
此时便可实现将页面的动态数据转换为子页面的标题了