uniapp自定义导航栏按钮及按钮点击事件

看uniapp的文档看瞎了,总结如下:

在page.json内:

{
			"path": "pages/personalCenter/modifyPhone/modifyPhone",
			"style": {
				"app-plus": { //app端特有属性
					"titleNView": {
						"buttons": [{ //右侧操作按钮样式定义,是以数组形式定义，可定义多个
							"color": "#ffffff",
							"fontSize": "28rpx",
							"text": "保存"
						}]
					}
				},
				"navigationBarTitleText": "修改手机号",
				"enablePullDownRefresh": false
			}
		}

页面按钮点击事件:

//注意函数和data同级,不要写在methods内	
        onNavigationBarButtonTap(e) {
			console.log(e)
		}

按钮其他样式属性可查看官网挑选使：点进去就是buttons样式属性那一栏了  uni-app官网

当前代码效果如下: