【小程序】微信小程序动态和静态修改页面标题

LuviaWu

已于 2022-05-31 17:37:18 修改

阅读量1.3k

点赞数

分类专栏：微信小程序

于 2021-06-21 17:17:57 首次发布

本文链接： https://blog.csdn.net/luviawu/article/details/118090758

版权

前端

微信小程序专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1、静态修改页面标题：

{
  "navigationBarTitleText": "古诗猜谜"
}

在这里插入图片描述

2、动态修改标题：

  onLoad: function (options) {
    wx.setNavigationBarTitle({
      title: '古诗猜谜'
    })
  },

在这里插入图片描述

扫码查看相关小程序：
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LuviaWu

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序开发（一）动态修改页面标题

物联网三分钟

04-13

13万+

微信小程序开发（一）动态修改页面标题为提高微信小程序的用户体验，原则上设计页面时，页面顶部标题应随内容不同进行修改。微信小程序固定架构 pages example example.js example.json example.wxml example.wxss utils app.js app.json app.wxss 微信小程序默认架构中存在全局设置文件app.json，用以设置跳转页面

微信小程序修改标题

最新发布

wj0712的博客

06-13

1703

隐藏原生导航栏：在app.json或页面的.json文件中，设置为custom。示例：json复制代码自定义导航栏组件：创建一个自定义的导航栏组件。在components目录下新建一个导航栏组件（例如，json复制代码html复制代码css复制代码/* 这里可以根据需要调整 */ background-color: #fff;/* 背景颜色 */ display: flex;/* 这里设置字体大小 */ font-weight: bold;

参与评论您还未登录，请先登录后发表或查看评论

小程序之动态修改页面标题

前端小知识

01-14

3435

一：写死的形式在json直接配置： { "navigationBarTitleText": "标题" } 二：动态修改的形式 onLoad: function (options) { wx.setNavigationBarTitle({ title: this.data._title }) } 　　 ...

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

博哥的二进制世界

03-10

9104

背景有这样一个需求，想动态修改微信小程序页面顶部的标题，应该如何操作呢？做法一、首先看看静态修改微信小程序页面顶部的标题的做法。通过修改页面json文件即可修改页面标题 { "navigationBarTitleText": "个人中心", "usingComponents": {} } 二、通过wx.setNavigationBarTitle实现动态修改页面标题 wx.setNavigationBarTitle({ title: '精准视频分析', }) ...

微信小程序：动态修改页面的标题

沧笙踏歌的博客

06-28

2135

onLoad () { console.log('onLoad') console.log(this.$root.$mp.query) if (this.$root.$mp.query.type) { wx.setNavigationBarTitle({ title: this.$root.$mp.query.type }) ...

微信小程序静态页面案例（附源码）

03-29

微信小程序出来有段时间了，最近抽空写了个静态案例练练手。由于没有公测名额，无法测试，没有接口，所以先这样吧。首先上图，整个app的演示是这样的：图一一、微信小程序和html5标签的区别： (此图片来源...

微信小程序综合商城纯静态模板

12-04

综上所述，"微信小程序综合商城纯静态模板"是一个为电商开发者准备的高效工具，通过它，开发者能够快速构建出功能丰富的微信小程序商城，同时也可以根据业务需求进行二次开发和个性化调整，以满足不同商业场景的需求...

微信电商.zip微信小程序模板源码纯前端静态小程序源码导入就可显示

02-24

微信电商.zip微信小程序模板源码纯前端静态小程序源码导入就可显示微信电商.zip微信小程序模板源码纯前端静态小程序源码导入就可显示 1.学生做毕业设计用 2.程序员学习研究用 3.小公司换皮做新项目用微信电商.zip...

微信小程序 小程序页面生成器 (源码)

05-31

微信小程序 小程序页面生成器 (源码)微信小程序 小程序页面生成器 (源码)微信小程序 小程序页面生成器 (源码)微信小程序 小程序页面生成器 (源码)微信小程序 小程序页面生成器 (源码)微信小程序 小程序页面生成器 ...

微信小程序——小程序页面生成器（截图+源码）.zip

04-25

微信小程序——小程序页面生成器（截图+源码）.zip、 微信小程序——小程序页面生成器（截图+源码）.zip 微信小程序——小程序页面生成器（截图+源码）.zip 微信小程序——小程序页面生成器（截图+源码）.zip 微信小...

小程序中动态修改标题

沧笙踏歌的博客

08-16

362

wx.setNavigationBarTitle({ title: '趣味表情' })

微信小程序怎么修改页面标题

温柔归故里

04-15

2002

微信小程序怎么修改页面标题

微信小程序修改页面标题

Bright2017的博客

09-30

3275

Page({ data: {}, onLoad: function (options) { var that = this; that.setData({ mername: options.mername//options为页面路由过程中传递的参数 }) wx.setNavigationBarTitle({ title: that....

微信小程序-修改页面标题

alex_xiao1223的博客

10-18

186

修改对应页面的.json配置文件 { 　　"navigationBarTitleText": "霸气侧漏" } 转载于:https://www.cnblogs.com/ailex/p/9810817.html

微信小程序在js中更改页面的标题

风中追风

02-08

1272

微信小程序在.js页面中更改上面的标题(默认在.json中设置)

微信小程序设置标题

weixin_49722066的博客

03-21

1489

在单独页面要修改的话可以在，对应页面的json中修改。通常我们在app.json中统一设置title。也可在js中动态加载。

微信小程序嵌套h5双头部及动态变更小程序标题

weixin_50426367的博客

05-17

555

/ navTitle 动态标题名})

微信小程序系列——动态修改页面标题

guopeisi的博客

04-03

781

页面标题，动态获取修改： onLoad: function(options) { wx.setNavigationBarTitle({ title: '共3条回复' }) }, tips： wx.setNavigationBarTitle({ title: '共3条回复' //里面是你最后需要的标题，可以进行赋值等操作 }) ...

微信小程序实现动态圆形进度条详细步骤

接下来是WXSS（微信小程序的样式语言）部分，主要用于布局和美化。例如，将Canvas定位在视图中心，设置按钮样式等。然后，我们使用JavaScript来控制进度条的绘制。在JS代码中，我们先获取到Canvas的绘图上下文，...