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

落日映苍穹つ 2022-05-24 02:05 485阅读 0赞

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

  1. 微信小程序是可以动态改变导航栏标题的,

    • 首先我们先看一下怎样静态的改变导航栏信息

70

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

70 1

导航栏对应显示:

20180518105825778

这样一波操作简单的就能实现了

  • 下面讲怎样实现动态设置导航栏标题

20180518110834183

获取数据里面的name

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

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

20180518111241298

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

20180518111419294

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

20180518111923614

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

wx.setNavigationBarTitle({

  1. title:""

)

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

2018051811223593220180518112249842

就到这里了,see you~~~

发表评论

表情:
评论列表 (有 0 条评论,485人围观)

还没有评论,来说两句吧...

相关阅读

    相关 程序底部导航

    *“花树得晴红欲染,远山过雨青如滴”** 序 最近自己在研究微信小程序,几乎每个程序都会有导航栏,或在顶部,或在底部。于是我简单做了一个导航栏在底部的程序。 ...

    相关 程序底部导航实现

    上一章节,我们分享了如何创建一个新的页面和设置页面的标题,这一章我们来聊聊底部导航栏是如何实现的。即点击底部的导航,会实现不同对应页面之间的切换。 我们先来看个我们要实现的底

    相关 程序设置底部导航

    一、概述 微信小程序底部想要有一个漂亮的导航栏目,不知道怎么制作,于是百度找到了本篇文章,分享给大家。 好了 小程序的头部标题 设置好了,我们来说说底部导航栏是如何实现