最近在做小程序,做帮助中心这块儿,大家知道帮助中心一般文字很多,都是解释说明的,而且有很多页面,每个页面都有对应一个标题,所以采用公共模板这种方式,避免页面太多,这就涉及到y要一个问题,就是头部标题需要动态的改变。
实现思路:在URL地址传一个参数,然后进行判断,根据参数设置相应的头部标题
下面给出我的代码示意图:
我的目录结构
我的show-help.wxml页面代码
大家注意到我匡出的部分,url 地址后面带了参数 name={{ item.param }}
然后在对应的 show-help.js 页面中的data,编辑对应的参数
再调用 wx.setNavigationBarTitle 函数,将头部标题动态的渲染出来。
好了,介绍完毕,有不足之处,欢迎大家来点评哦!