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

2018-10-09  本文已影响26人  肉肉要次肉

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

在app.json文件中,

app.json

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

图2

动态设置标题方式一:

通过wx.setNavigationBarTitile设置标题

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

.wxml文件中:

.js文件中:

.wxss文件中:

动态设置标题方式二:

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

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

动态设置标题方式三:

.wxml

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

.js

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

跳转后页面.js

。。。

上一篇下一篇

猜你喜欢

热点阅读