当点击导航跳转到想要的页面,想动态控制跳转后页面标题时可以以下方法
微信小程序中自带的wx.setNavigationBarTitle()函数
当我们的页面wxml文件设计为navigator,页面效果如下
中间导航的代码和数据如下:
我们可以点击图标跳到各自对应标题的页面,因此我们还要设计一个页面展示各导航的页面,如下:shoplist
wx.setNavigationBarTitle()只能在OnReady()中使用
示例代码:
wx.setNavigationBarTitle({
title:'页面标签'
})
我们需要实现动态,就需要将title:'页面标签' 从onload中读取前面页面传递过来的item.id和item.name,但是由于onready不能直接获取到onload中的参数,我们将数据转存到data中
示例代码如下:
实现后效果为:
可见wxml传递参数与页面标题对应