[uniapp+vue3] 페이지가 로드될 때 다양한 역할에 따라 탐색 모음 제목 설정

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.getRole
	if(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} = currentPage
console.log($page.meta.navigationBar.titleText)

})
</script>