微信小程序初始化的标题我们知道实在全局.json文件中设置的,如果修改全局设置中的navigationBarTitleText,我们全部页面的标题都会统一改变:

例如:

"navigationBarTitleText": "个人中心",

在小程序中,每个页面都会单独一个文件夹,文件夹中包含四个文件,这四个文件紧密相连,都是为其中的.wxml服务,例如如下的目录结构:

Page

example.js

example.json

example.wxml

example.wxss

app.js

app.json

app.wxss

可是我们的小程序一般情况下不止一个页面的,如何动态设置单页面标题?了解了上面的微信小程序文件目录,我们可以利用下面两种方法动态设计页面标题。

一、在.json中设置

在.json中设置中设置,这里指的是页面文件夹example.json中设置,用法就像在全局设置那样。例如:

{

"navigationBarTitleText": "个人中心"

}

(不过不知为什么我用这种方法不行,大神却可以,肯定是我的问题)

二、在.js中设置

这里的.js文件也是单页面中的example.js文件,在页面加载时就动态更改页面wx.setNavigationBarTitle(

)。

例如:

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

wx.setNavigationBarTitle({

title: "意见建议"

})

},

使用这种方法我可以动态更改微信小程序的标题,不过问题是每个页面都要写一次,变得只是title这个字符串,所以有没有方法只设置一次然后数据绑定动态变化?可以尝试一下。

我的方法是在全局app.js文件中设置加载函数:

onLoad: function (options) {

wx.setNavigationBarTitle({

title: pagetitle

})

},

然后在每个单独页面的js中(例如:example.js)设置data数据绑定:

data: {

pagetitle:个人中心,

},

我的思路是这样,不过貌似不行,因为页面没有js之间没有关联起来。所以还是还需要继续优化。

微信小程序页面上面的名字怎么改_微信小程序如何动态修改页面标题——已解决...相关推荐

  1. 微信小程序页面上面的名字怎么改_微信小程序取名|如何修改名字|取名规则!...

    原标题:微信小程序取名|如何修改名字|取名规则! 在过去的建站使其曾有「域名比老板重要」的说法,而现在,微信小程序的名字也至关重要,拥有一个好的名字,将能带来众多的流量.小程序名字虽然只是个简单的符号 ...

  2. 微信小程序页面上面的名字怎么改_微信小程序改名方法,小程序名称设置规范...

    小程序名称设置规范 1.名称设置方法 1)小程序名称可以由中文.数字.英文.长度在4-30个字符之间,一个中文字等于2个字符. 2)公众号.小程序在微信公众平台上的名称是唯一的,且属于同一主体下,可以 ...

  3. 微信小程序页面上面的名字怎么改_微信小程序名称可以修改几次? 微信小程序修改名称的方法...

    小程序如何修改名称?如果修改一年能修改几次?小程序发布前,可修改2次名称,发布后,个人帐号可一年内修改2次名称,下面我们就来看看详细的图文教程. 一.微信小程序名称一年能修改几次? 1.百度输入&qu ...

  4. 微信小程序动态修改页面标题title

    背景 有这样一个需求,想动态修改微信小程序页面顶部的标题,应该如何操作呢? 做法 一.首先看看静态修改微信小程序页面顶部的标题的做法. 通过修改页面json文件即可修改页面标题 {"navi ...

  5. 视频教程-微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-微信开发

    微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统 微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...

  6. 视频教程-微信小程序系统教程python版[3/3阶段]_微信小程序支付-手游开发

    微信小程序系统教程python版[3/3阶段]_微信小程序支付 微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...

  7. 为了防止同行偷窥行业机密,小明决定将上面的实际营业额重新记录一份,这次记录的时候,把上面数组中的内容倒着记录,并将所有的负数按0记录。请你帮小明把上面的结果按小明的规则重新保存到一个新数组中,并打印出

    训练案例 1. 训练考核知识点 键盘录入,数组,循环,if 2. 训练描述 假设小明同学本周5天的日盈利分别如下:int[] arr = {1,3,-1,5,-2}为了防止同行偷窥行业机密,小明决定将 ...

  8. 微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-翟东平-专题视频课程...

    微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-2445人已学习 课程介绍         微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识. 微信小 ...

  9. 丰炜vb0和两台变频器的modbus rtu通信程序 史上最好用的plc modbus rtu通讯程序, 通讯效果如视频,控制,反馈无延迟

    丰炜vb0和两台变频器的modbus rtu通信程序 史上最好用的plc modbus rtu通讯程序, 通讯效果如视频,控制,反馈无延迟,真心好用,别的变频器支持modbus rtu一样可以使用id ...

最新文章

  1. js表单提交,支持图片上传,包含后端php代码
  2. 如何构建可解释的推荐系统?| 深度
  3. Flutter入门二——项目结构及配置文件简介
  4. TypeError:“模块”对象不可调用
  5. 面试体会|微软、头条、滴滴、爱奇艺NLP面试感想
  6. Matlab中设置图形窗口的大小、字体、axis等
  7. mysql Backup recovery
  8. Dapr微服务应用开发系列1:环境配置
  9. CLR via C# 阅读 笔记
  10. ajax保存避免重复提交,ajax 实现防止重复提交
  11. 反向工程解析QQ扫码登录的OAuth2流程
  12. Java开发工程师,每个阶段需要掌握什么重点?
  13. 单商户商城系统功能拆解12—商品管理
  14. Android加速球、360加速球
  15. PentaLogix ViewMate Pro v11.16.16破解版
  16. 小米android点击,自动点击器小米版
  17. linux hdparm 测试磁盘io,Linux测试硬盘读写速度之hdparm命令
  18. 红米10X/Pro/Note8Pro/Note9/K30U解账户锁详细刷机教程-可登小米账号
  19. 国外推荐:计算机专业人士必读
  20. 全球智慧能源解决方案服务商「雄韬股份」牵手企企通,谱写采购数字化变革之路

热门文章

  1. 计算机新建表格2,怎么建表格-只需2步,创建Excel“超级表”,让表格变得更强大...
  2. java保留两位小数并向上取整_Java取整,固定保留两位小数,适配负数、金融数字。...
  3. Python数据格式化
  4. JDK1.8 ConcurrentHashMap 源码解析
  5. JavaScript知识之 浅拷贝与深拷贝
  6. Linux系统介绍 磁盘分区 rhel安装
  7. 网课《科研伦理与学术规范》课后答案2022-2023第三章
  8. 苹果 AirPods 耳机总是连到别人的iPhone,该怎么办
  9. python自然语言处理之词袋模型
  10. win10管理员已阻止运行此应用