微信小程序动态设置标题

1、页面固定标题内容设置:在 .json文件内设置

//页面标题代码在example.json文件中的书写格式
{
    "navigationBarTitleText": "充值业务"
}

2、获取数据库返回内容动态更新页面标题:

//example.js加载时动态设置页面标题
//获取应用实例
var app = getApp();
Page({
  data: {},
  onLoad: function (options) {
    var that = this;
    that.setData({
      mername: options.mername//options为页面路由过程中传递的参数
    })
    wx.setNavigationBarTitle({
      title: that.data.mername//页面标题为路由参数
    })
  },
  onReady: function () {
    // 页面渲染完成
  },
  onShow: function () {
    // 页面显示
  },
  onHide: function () {
    // 页面隐藏
  },
  onUnload: function () {
    // 页面关闭
  }
})


未经允许不得转载:Web前端开发资源网 - w3h5 » 微信小程序动态设置标题

推荐阅读:

PHPStorm 如何更改文件的打开方式

利用css中的伪类 给元素设置特殊样式效果

PHP连接MySQL数据库报错:Call to undefined function mysql_connect()的解决方法

【笔记】微信小程序通过app.json设置底部导航

UEditor百度富文本编辑器 设置百分比宽度

赞 (1)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)