首页 > 上网技巧 > 电脑小技巧 > 通过wx.setNavigationBarTitle的API动态修改微...

通过wx.setNavigationBarTitle的API动态修改微信小程序的标题

时间:2018-03-03 10:01 作者:QQ地带 我要评论

在微信小程序的开发中,如果页面的状态改变,需要动态的修改微信小程序的页面的标题,可以通过微信小程序提供的API,wx.setNavigationBarTitle来实现动态的修改微信小程序的页面标题。
下面是动态修改微信小程序的页面标题的示例,大家可以参考一下:
 
示例代码:在页面中js的中onload的function中实现
  onLoad: function () {
    var sign= 1;
    var times = setInterval(function(){
      if(sign > 10 )
      {
        clearInterval(times);
      }
      else{
        var tmpTitle = '微信小程序的页面标题' + sign++;
        wx.setNavigationBarTitle({
          title: tmpTitle ,
          success:function(){
            console.log("当前微信小程序的页面标题为\"" + tmpTitle + "\"" );
          },
          complete:function(){
            console.log("动态修改微信小程序的页面标题-complete");
          }
        });
      }
    },1000);
  }
 
关键的操作是wx.setNavigationBarTitle({ title: tmpTitle , });注意要在onready之后(onload也是在onready)就可以通过这个setNavigationBarTitle的API实现。
 
 
执行结果:
 
 
 
setNavigationBarTitle的API也支持在执行修改小程序页面标题的成功、失败和完成的状态的回调事件。
 
注意的wx.setNavigationBarTitle 要在onready之后设置

标签: 微信小程序
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告