当前位置:首页 >> 核电技术聚变聚能设备 >> 【uniapp+vue3 】页面加载时根据不同角色设置导航栏标题,nexus 7平板电脑

【uniapp+vue3 】页面加载时根据不同角色设置导航栏标题,nexus 7平板电脑

cpugpu芯片开发光刻机 核电技术聚变聚能设备 1
文件名:【uniapp+vue3 】页面加载时根据不同角色设置导航栏标题,nexus 7平板电脑 【uniapp+vue3 】页面加载时根据不同角色设置导航栏标题

uniapp 页面加载时根据不同角色设置导航栏标题

其实很好实现,第一次开发uniapp项目,所以什么都不懂,绕了一点点的弯路

在对应页面的onLoad中获取到跳转过来传的参数中的判断角色字段,我这里传的是getRole uni.setNavigationBarTitle可以直接改导航栏标题

<script lang="ts" setup>import { onLoad,onShow } from "@dcloudio/uni-app";import { reactive, getCurrentInstance, ref } from "vue";const getRole = ref('')onLoad((options)=>{getRole.value = options.getRoleif(getRole.value=='parent'){uni.setNavigationBarTitle({title: '新增xx信息'});}})</script>

如果想获取导航栏标题,$page.meta.navigationBar.titleText

<script lang="ts" setup>import { onLoad,onShow } from "@dcloudio/uni-app";import { reactive, getCurrentInstance, ref } from "vue";onLoad((options)=>{const page = getCurrentPages()const currentPage = page[0]const {$page} = currentPageconsole.log($page.meta.navigationBar.titleText)})</script>
协助本站SEO优化一下,谢谢!
关键词不能为空
同类推荐
«    2025年12月    »
1234567
891011121314
15161718192021
22232425262728
293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接