[uniapp+vue3] Establece el título de la barra de navegación según diferentes roles cuando se carga la página

Configure el título de la barra de navegación según diferentes roles cuando se carga la página uniapp

La verdad es muy fácil de implementar, es la primera vez que desarrollo un proyecto uniapp, así que no entiendo nada y me desvié un poco.

En el onLoad de la página correspondiente, obtenga el campo de rol de juicio en el parámetro pasado por el salto. Lo que paso aquí es getRole
uni.setNavigationBarTitle, que puede cambiar directamente el título de la barra de navegación.

<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>

Si desea obtener el título de la barra de navegación, $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>

Supongo que te gusta

Origin blog.csdn.net/weixin_49668076/article/details/133128237
Recomendado
Clasificación