位置: IT常识 - 正文

uni-app动态修改导航栏标题(uniapp动态修改pages.json)

编辑:rootadmin
uni-app动态修改导航栏标题

推荐整理分享uni-app动态修改导航栏标题(uniapp动态修改pages.json),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uniapp动态修改样式,UniAPP动态修改数据,uniapp动态修改背景色,uniapp动态修改api接口,uniapp动态修改pages.json,uniapp动态修改背景色,uniapp动态修改pages.json,uniapp动态修改title,内容如对您有帮助,希望把文章链接给更多的朋友!

对导航栏标题进行修改,直接使用就可以

uni.setNavigationBarTitle({ title: "标题名称"});

动态修改标题名称,数据可能是从上一个页面传递过来的,直接在onLoad页面周期函数中使用

onLoad(props) {console.log(props,"onLoad");//获取上一个页面传递的数据if (props?.title) { const titleType = props.title; let barTitle = "预约会议"; switch (titleType) { case "order": barTitle = '预约会议'; break; case "create": barTitle = '创建会议'; break; case "edit": barTitle = '编辑会议'; break; default: break; } uni.setNavigationBarTitle({ title: barTitle }); }}uni-app动态修改导航栏标题(uniapp动态修改pages.json)

⚠️可能会出现在网页中切换标题正常,但是在真机中没有效果,通过查看官网看到这么一句话

如果需要在页面进入时设置标题,可以在onReady内执行,以避免被框架内的修改所覆盖。如果必须onShow内执行需要延迟一小段时间 打印页面生命周期发现onLoad先于onReady执行,所以即使数据是上一个页面传递过来的,也不会影响标题的展示。 第一步,我们可以在data中定义一个变量headerTitle

data(){return {headerTitle:"",//导航栏的标题}}

第二步,在onLoad页面周期中去获取上一个页面传递的参数,然后对headerTitle进行赋值,方便我们接下来的使用

onLoad(props) {console.log(props,"onLoad");//获取上一个页面传递的数据if (props?.title) { const titleType = props.title; let barTitle = "预约会议"; switch (titleType) { case "order": barTitle = '预约会议'; break; case "create": barTitle = '创建会议'; break; case "edit": barTitle = '编辑会议'; break; default: break; } this.headerTitle=barTitle }}

最后,需要在onReady中进行设置标题,⚠️onReady中没有接收的参数

onReady(){ uni.setNavigationBarTitle({ title: this.headerTitle });}

通过借助两个页面周期函数,可以实现动态修改导航栏标题

上一个页面传递的参数

const type = 'create';//传递给下一个页面的参数uni.navigateTo({ url: `/pages/bookAMeeting/index?title=${type}`})
本文链接地址:https://www.jiuchutong.com/zhishi/292265.html 转载请保留说明!

上一篇:连夜看了30多篇改进YOLO的中文核心期刊 我似乎发现了一个能发论文的规律(一天看小说十几个小时的人)

下一篇:亚运村夜景,北京 (© ViewStock/Getty Images)(亚运村夜宵地方)

  • 存货被盗的会计分录
  • 增值税发票的品名与报关单不一致
  • 个人发票需要身份证信息吗?
  • 本期应补退税额怎么算
  • 减免税备案登记表样本
  • 实收资本能直接转出来吗
  • 未开具发票负数的原因
  • 工会经费2019年新政策
  • 公司过桥贷款怎么贷
  • 低值易耗品按三年摊销吗
  • 关于工商年检社保的通知
  • 转让无形资产所有权计入什么科目
  • 金蝶增加银行存款账户,期间不对
  • 民间非营利组织财务报表
  • 季度收入超过30万但开票只有10万
  • 用一般户发工资会怎么样
  • 购买公司付款会计分录
  • macOS 11.0.1(20B29)更新了什么?macOS Big Sur 11.0.1(20B29)更新详解
  • 所有者权益变动表图片
  • 购买产品优惠计入什么科目
  • Skype.exe - Skype是什么进程 有什么用
  • mac配置node环境
  • 赠送礼品进项税需要转出吗
  • 非货币性资产交换
  • vi应用项目
  • 贷款减值是什么会计科目
  • 企业亏损还需要交增值税吗
  • Yii2使用swiftmailer发送邮件的方法
  • 运输费属于燃料费用吗
  • 新成立公司建账
  • 危废处理需要哪些手续
  • pytorch csdn
  • 以股权抵债的会计分录
  • 总包缴税
  • 金税盘怎么写入发票
  • 11月资产负债表
  • python中numpy数组和列表的区别
  • 缴纳上年汇算清缴的分录
  • dedecms配置
  • sql server递归查询
  • 社保费用如何入现金流量表
  • 所得税预缴申报表中营业成本怎么计算
  • 固定成本和变动成本包括哪些
  • 营业外收入如何纳税
  • 水泥建材销售公司有哪些
  • 销售货物增值税税率变化
  • 三个月 租房
  • 上个月多计提的费用怎么调整
  • 对公账户原路退回备注怎么写
  • 小规模纳税人低值易耗品摊销方法
  • 公司给员工转公司
  • 飞机票退票费报销凭证图片
  • 先开票后发货是什么意思
  • 社保滞纳金怎么记账
  • 什么是速动比率的概念
  • 超市库存明细表
  • 关税用什么会计科目
  • 如何获取数据库的sid
  • sqlserver 创建索引与使用
  • 微软 win7
  • windows7 ip地址冲突
  • windows vista在哪里
  • 任务管理器边框怎么设置
  • win7系统怎么用
  • xp桌面图标设置
  • tomcat调用servlet流程
  • mac如何中文输入法
  • win7开机自动弹出注册表编辑器怎么办
  • win8系统怎么设置无线网连接啊
  • linux系统设置
  • linux系统ll
  • html手机号验证
  • shell sed 空格
  • javascript运用
  • vue.js有什么用
  • javascript面向对象精要
  • Android EventBus发布/订阅事件总线
  • 企业如何注册电子税务局账号
  • 进口天然气定价机制
  • 土地增值税分期清算条件?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设