news 2026/6/15 23:31:23

uniapp+动态设置顶部导航栏使用详解

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
uniapp+动态设置顶部导航栏使用详解

在 uni-app 中,页面标题(导航栏中间显示的文字)既可以在编译期通过pages.json中的navigationBarTitleText指定,也可以在运行时通过 API 动态修改。运行时修改常用于:根据路由参数动态显示标题、异步获取数据后生成标题、国际化(i18n)场景、或者同一页面在不同情境下要显示不同标题时使用。

运行时修改的标准方法是:uni.setNavigationBarTitle(OBJECT)

uni.setNavigationBarTitle({ title: '页面标题', // 必填:string success?: () => void, // 可选:成功回调 fail?: (err) => void, // 可选:失败回调 complete?: () => void // 可选:完成回调 })

title:目标标题字符串(各平台可能会在显示长度上做截断或调整)。

回调参数:与其它 uni 接口一致,支持 success/fail/complete 三个回调。

返回值:此 API 是通过回调通知结果;可自行封装为 Promise 以便在 async/await 逻辑中使用。

之前是使用自定义导航栏,发现这个api挺好用的

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/15 14:55:23

文科生也能学会:Qwen-Image-Edit-2509最简云端教程,3步出图

文科生也能学会:Qwen-Image-Edit-2509最简云端教程,3步出图 你是不是也经常被领导或同事突然“点名”:“这个海报能不能换个文案?”“这张图里的人能不能换身衣服?”“客户想要一张三个人的合影,但我们只有…

作者头像 李华
网站建设 2026/6/15 14:22:18

Qwen3-4B文本摘要实战:云端10分钟出结果,3块钱搞定

Qwen3-4B文本摘要实战:云端10分钟出结果,3块钱搞定 你是不是也遇到过这种情况?研究生阶段写论文,导师甩过来几十篇英文文献,每篇动辄十几页,密密麻麻全是专业术语。你想快速抓住重点,但通读一遍…

作者头像 李华
网站建设 2026/6/15 15:35:39

手把手教程:搭建双MCU共用硬件I2C总线

双MCU共享硬件I2C总线实战指南:从原理到稳定通信的完整路径在嵌入式系统开发中,我们常会遇到这样一个棘手问题:主控芯片资源紧张,但又需要同时处理传感器采集、无线通信和用户交互。一个自然的想法是——加个协处理器。于是你选了…

作者头像 李华
网站建设 2026/6/15 14:18:58

Open Interpreter经济学模型构建:Qwen3-4B生成计量脚本部署

Open Interpreter经济学模型构建:Qwen3-4B生成计量脚本部署 1. 背景与技术选型 在当前AI辅助编程快速发展的背景下,如何高效、安全地将自然语言转化为可执行的代码,成为数据科学和经济建模领域的重要需求。传统云端AI编程助手受限于运行时长…

作者头像 李华
网站建设 2026/6/15 19:48:21

获客工具筛选“真实生产企业”的具体标准是什么?

在B2B这个领域里面,存在着一个很大的信息方面的问题,那其实事实上并非是“没办法找到工厂”,而是会把贸易商、那些没有实际业务的空壳公司以及展厅里的档口,错误地当成是源头的制造商。“天下工厂”之所以可以被制造业的人们广泛地…

作者头像 李华
网站建设 2026/6/15 16:13:55

BAAI/bge-m3保姆级教程:从零部署多语言文本相似度引擎

BAAI/bge-m3保姆级教程:从零部署多语言文本相似度引擎 1. 引言 1.1 学习目标 本文将带你从零开始,完整部署并使用基于 BAAI/bge-m3 模型的多语言文本语义相似度分析引擎。你将学会如何快速启动服务、通过 WebUI 进行交互式测试,并深入理解…

作者头像 李华