导航：首页 > 开发技术 >

微信小程序开发中如何动态设置当前页面的标题

发表于：2026-11-01 作者：千家信息网编辑

千家信息网最后更新 2026年11月01日，这篇"微信小程序开发中如何动态设置当前页面的标题"文章，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要参考一下，对于"微信小程序开发中如何动态设置当前页面的标题"，小编整理了以

千家信息网最后更新 2026年11月01日微信小程序开发中如何动态设置当前页面的标题

这篇"微信小程序开发中如何动态设置当前页面的标题"文章，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要参考一下，对于"微信小程序开发中如何动态设置当前页面的标题"，小编整理了以下知识点，请大家跟着小编的步伐一步一步的慢慢理解，接下来就让我们进入主题吧。

wx.setNavigationBarTitle(OBJECT)

动态设置当前页面的标题。

OBJECT参数说明：

参数	类型	必填	说明
title	String	是	页面标题
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

示例代码：

wx.setNavigationBarTitle({  title: '当前页面'})

wx.showNavigationBarLoading()

在当前页面显示导航条加载动画。

wx.hideNavigationBarLoading()

隐藏导航条加载动画。

wx.setNavigationBarColor(OBJECT)

基础库 1.4.0 开始支持，低版本需做兼容处理

OBJECT参数说明：

参数名	类型	必填	说明
frontColor	String	是	前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000
backgroundColor	String	是	背景颜色值，有效值为十六进制颜色
animation	Object	否	动画效果
animation.duration	Number	否	动画变化时间，默认0，单位：毫秒
animation.timingFunc	String	否	动画变化方式，默认 linear
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

animation.timingFunc 有效值：

值	说明
linear	动画从头到尾的速度是相同的。
easeIn	动画以低速开始
easeOut	动画以低速结束。
easeInOut	动画以低速开始和结束。

success返回参数说明：

参数名	类型	说明
errMsg	String	调用结果

示例代码：

wx.setNavigationBarColor({    frontColor: '#ffffff',    backgroundColor: '#ff0000',    animation: {        duration: 400,        timingFunc: 'easeIn'}})