uniapp에서 네비게이션 바를 숨기고 표시하도록 설정하는 방법

uniapp에서 탐색 표시줄을 숨기고 표시하도록 설정하는 방법: 먼저 현재 페이지에서 webview의 개체 인스턴스를 가져온 다음 이를 인쇄하고 수정해야 하는 데이터를 찾은 다음 "titleNView.autoBackButton=false; "; 그리고 마지막으로 titleNView를 재설정합니다.

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

권장(무료): uni-app 개발 튜토리얼

uniapp은 상단 네비게이션 바 반환 버튼을 동적으로 표시/숨깁니다

uniapp은 상단 네비게이션 바를 동적으로 수정합니다

현재 페이지 웹뷰의 객체 인스턴스 가져오기

let pages = getCurrentPages()
let page = pages[pages.length - 1];
let currentWebview = page.$getAppWebview();

Print, 수정해야 할 데이터를 찾습니다

let titleNView = currentWebview.getStyle().titleNView
console.log(titleNView)
//打印结果
{
"autoBackButton": true,
"backgroundColor": "#F8F8F8",
"dock": "top",
"height": 44,
"position": "dock",
"statusbar": {},
"tags": [],
"titleColor": "#000000",
"titleText": "纸板入库",
"type": "default"
}

그런 다음

titleNView.autoBackButton = false

를 수정하고 마지막으로 titleNView를 재설정합니다.

currentWebview.setStyle({
titleNView:titleNView
})

탐색 모음 제목을 수정하려면 위 코드가 필요하지 않으며 uni를 호출하면 됩니다. .setNavigationBarTitle() 직접. 다음과 같이

uni.setNavigationBarTitle({
   title: '新的标题'
});

위 내용은 uniapp에서 네비게이션 바를 숨기고 표시하도록 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!