uniapp導航欄自定義按鈕及點擊事件

本文鏈接：https://blog.csdn.net/qq_33807889/article/details/89945674
第一步：顯示按鈕
假設頁面名稱為：AddSort

在pages.json中找到AddSort，

{
 "path" : "pages/manageDetail/good/sortManage/AddSort/AddSort",
}

將它改為：

{
  "path" : "pages/manageDetail/good/sortManage/AddSort/AddSort",
  "style" : {
      "navigationBarTitleText" : "添加分類",
      "app-plus": {
          "bounce": "none", //關閉窗口回彈效果
          "titleNView": {
              "buttons": [ //原生標題欄按鈕配置,
                  {
                       "type":"none",
                       "text":"\u2713",
                       "float":"right"
                  }
               ]
           }
       }
  }
}

其中style.app-plus.titleNView.buttons.text字段想要什么圖標參考：https://blog.csdn.net/qq_33807889/article/details/89493496

不想要圖標直接寫文字也可以。

 

這時候在頁面中就可以顯示出圖標（或文字）了。

標題
 

 

第二步，設置點擊事件
在AddSort頁面中添加如下代碼（與data和onload同級）：

onNavigationBarButtonTap(e) {
    console.log("success")        
},