微信小程序实现动态设置导航栏标题

时间:2024-05-20 21:31:42

微信小程序实现动态设置导航栏标题

  1. 微信小程序是可以动态改变导航栏标题的,
  • 首先我们先看一下怎样静态的改变导航栏信息

微信小程序实现动态设置导航栏标题

进入my.json文件,配置导航栏信息

微信小程序实现动态设置导航栏标题

导航栏对应显示:

微信小程序实现动态设置导航栏标题

这样一波操作简单的就能实现了
  • 下面讲怎样实现动态设置导航栏标题
微信小程序实现动态设置导航栏标题

获取数据里面的name

如果是点击事件+跳转那我们就要用到传参数了

首先加点击事件,和自定义事件

微信小程序实现动态设置导航栏标题

其次通过wx.navigateTo({})利用?把name拼接到路径后面

微信小程序实现动态设置导航栏标题

跳转到哪个页面就在哪个页面的onLoad里面的参数(options)去接收过来

微信小程序实现动态设置导航栏标题

简单的说我们只需要用到wx.setNavigationBarTitle()就ok了

wx.setNavigationBarTitle({

    title:""

)

这样就能动态去设置导航栏标题了

微信小程序实现动态设置导航栏标题微信小程序实现动态设置导航栏标题



就到这里了,see you~~~