美文网首页
微信小程序动态设置导航栏标题

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

作者: 肉肉要次肉 | 来源:发表于2018-10-09 14:46 被阅读26次

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

在app.json文件中,

app.json

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

图2

动态设置标题方式一:

通过wx.setNavigationBarTitile设置标题

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

.wxml文件中:

.js文件中:

.wxss文件中:

动态设置标题方式二:

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

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

动态设置标题方式三:

.wxml

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

.js

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

跳转后页面.js

。。。

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/zcweaftx.html