微信小程序不仅可静态修改页面,还可以动态修改页面
静态修改页面通过指定页面的对应的json文件加入以下代码就可以实现

在这里插入图片描述

{
  "navigationBarTitleText": "案例详情"
}

 

动态改变标题有几种方法:

  1. 本页面通过点击事件动态改变标题
    已经提供好了api,直接调用就可以
    anli:function(){
      wx.setNavigationBarTitle({
        title: "案例详情"
      })
    },

    2.从上一个页面携带数据跳转页面动态改变标题
    上一个页面鞋带过来的数据,在onLoad里面获取到值,比如:

  2. 在这里插入图片描述

     

    onLoad: function (options) {
        console.log("接受参数为=" + options.star);
        this.data.star = JSON.parse(options.star);
        this.setData({
          star: this.data.star.imgs,
        })
        wx.setNavigationBarTitle({
          title: this.data.star.name
        })
      },
    
    获取到标题值之后直接调用接口就可以了!