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

首先,我们先来看看静态如何设置导航栏的标题的

在app.json文件中,

微信小程序动态设置导航栏标题_第1张图片
app.json

或者其他自定义的.json文件中,

微信小程序动态设置导航栏标题_第2张图片
图2

动态设置标题方式一:

通过wx.setNavigationBarTitile设置标题

注:在按钮点击事件页面编辑

.wxml文件中:

.js文件中:

微信小程序动态设置导航栏标题_第3张图片

.wxss文件中:

动态设置标题方式二:

在每个自定义页面的.json文件中设置,如图2,也同样可以达到方式一的效果

注:在想跳转到的页面编辑

动态设置标题方式三:

微信小程序动态设置导航栏标题_第4张图片
.wxml

在data-it中定义要读取的数据

微信小程序动态设置导航栏标题_第5张图片
.js

以上是主页面要做的准备,.js中已经拿到要传的标题数据,接下来,只需在要跳转的页面中来接收这个数据即可

微信小程序动态设置导航栏标题_第6张图片
跳转后页面.js



。。。

你可能感兴趣的:(微信小程序动态设置导航栏标题)