Maison > Article > interface Web > Comment configurer la barre de navigation pour qu'elle soit masquée et affichée dans Uniapp
La méthode permettant à uniapp de masquer et d'afficher la barre de navigation : obtenez d'abord l'instance d'objet de la vue Web sur la page actuelle ; puis imprimez-la et recherchez les données qui doivent être modifiées puis modifiez " ; titleNView.autoBackButton=false"; et enfin réinitialiser titleNView. Can.
L'environnement d'exploitation de ce tutoriel : système windows7, version uni-app2.5.1 Cette méthode convient à toutes les marques d'ordinateurs.
Recommandé (gratuit) : Tutoriel de développement d'uni-app
uniapp affiche/masque dynamiquement le bouton de retour de la barre de navigation supérieure
uniapp modifie dynamiquement la barre de navigation supérieure
Obtenir l'instance d'objet de la vue Web de la page actuelle
let pages = getCurrentPages() let page = pages[pages.length - 1]; let currentWebview = page.$getAppWebview();
Imprimer, rechercher les données qui doivent être modifiées
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" }
puis modifiez
titleNView.autoBackButton = false
Enfin réinitialiser titleNView
currentWebview.setStyle({ titleNView:titleNView })
Si vous souhaitez modifier le titre de la barre de navigation, vous n'avez pas besoin du code ci-dessus, appelez simplement uni.setNavigationBarTitle() directement. Comme suit
uni.setNavigationBarTitle({ title: '新的标题' });
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!