uniapp在页面中中获取pages.json下pages设置navigationBarTitleText这个值?uniapp获取页面标题

本文主要是介绍uniapp在页面中中获取pages.json下pages设置navigationBarTitleText这个值?uniapp获取页面标题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、问题描述

有个需求就是,在app.vue页面中首先会隐藏所有页面的title,然后在相应的页面会判断当前环境是否是在微信浏览器内，如果不是，则还原标题。

二、解决方法

在 pages.json 文件中设置 navigationBarTitleText，例如：

{"pages": [{"path": "pages/xxx/index","style": {"navigationBarTitleText": "首页","app-plus": {"bounce": "none"}}}]
}

在页面中，使用以下代码获取当前页面的 navigationBarTitleText 的值：

<template><view>1111</view>
</template>
<script>
export default {data() {return {title: "",};},mounted() {const pages = getCurrentPages();const currentPage = pages[pages.length - 1];// #ifndef APP-PLUSthis.title = currentPage.$page.meta.navigationBar.titleText;// #endif// #ifdef APP-PLUSlet webView = currentPage.$getAppWebview();this.title = webView.getStyle().name;// #endif},
};
</script>

如果获取不到，可按如下方式，去跟踪，然后替换下面的代码

currentPage.$page.meta.navigationBar.titleText;

这篇关于uniapp在页面中中获取pages.json下pages设置navigationBarTitleText这个值?uniapp获取页面标题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---