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

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

作者: 肉肉要次肉 | 来源:发表于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