本文介绍了微信小程序实现的动态设置导航栏标题的功能。分享给大家参考，如下：

事件

从分类列表页面进入明细页面时，由于明细页面比较常见，为了区分页面，页面的导航会设置为区分。开发者需要在页面加载时动态设置导航标题！

实现应用编程接口

wx.setNavigationBarTitle(对象)

语法

wx . setnavigationbartitle({ title : ' current page '，//page title success: ()={}，///回调函数fail: ()={}，///回调函数complete: ()={} //回调函数在接口调用结束后

list.wxml

1.在navigator标记的url中设置两个参数；

2.分类标识-用于在详细信息页面上请求相应分类的详细数据；

3.一个分类名称-用于本博客的主要功能，设置导航栏的标题。

导航器url='././pages/shopilist/shopilist？navId={ { item . suppliertypeid } } nav name={ { item . suppliertypename } } ' image class=' Rui-nav-icon ' src=' http : { { item . suppliertyppic } } '/image text class=' Rui-nav-text ' { item . suppliertypename } }/text/navigator detail . js

1.获取通过URL传递给子页的参数——在onLoad函数中opts.navName；

2.三元表达式判断opts.navName参数是否为空，如果为空则直接设置为店铺列表，否则拼接；

使用setNavigationBarTitle API实现导航标题的动态设置。

Page({ onLoad(opts){ //将导航栏设置为对应的导航wx . setnavigationbartitle({ title :(opts . nav name！='' ?Opts.navName : ' ')'商店列表' })})实际应用效果图

希望本文对微信小程序的开发有所帮助。