uniapp konfiguriert die Schaltfläche auf der rechten Seite der Navigationsleiste
1. page.json-Konfiguration
Die Schaltflächen auf der rechten Seite der Uniapp-Navigationsleiste werden in konfiguriert pages.json
.pages[].style.app-plus.titleNView.buttons
{
"path": "pages/devices/Air/Air",
"style": {
"navigationBarTitleText": "精密空调",
"enablePullDownRefresh": true,
"app-plus": {
"bounce": "none",
"titleNView": {
"buttons": [
{
"fontSize": "15px",
"text": "配置"
},
{
"fontSize": "15px",
"text": "信息"
}
],
"backButton": {
"background": "#00FF00"
}
}
}
}
},
Zweitens, der Effekt
Dann werden seine beiden Schaltflächen in der oberen rechten Ecke angezeigt
3. So reagieren Sie auf das Klickereignis der Schaltfläche
onNavigationBarButtonTap
Diese Lebenszyklusmethode muss der aktuellen Seite hinzugefügt werden
onNavigationBarButtonTap(event) {
console.log('nav button pressed', event)
},
Wenn auf die Schaltfläche geklickt wird, wird der Inhalt des Klickereignisses in Form eines Objekts an diese Methode übergeben
Sein Inhalt ist wie folgt:
Bei seiner Verwendung text
reicht der Inhalt des allgemeinen Urteils aus
Weitere Informationen finden Sie im offiziellen Dokument:
https://uniapp.dcloud.net.cn/collocation/pages.html#app-titlenview