动态修改导航栏按钮

page.json配置app端,导航栏按钮

"path": "pages/index/index",                                                                                                                                                                                              "style": {                                                                                                                                                                                                                      "navigationBarTitleText": "设置档期",                                                                                                                                                                                      "app-plus": {                                                                                                                                                                                                                                     "titleNView": {                                                                                                                                                                                                                          "buttons":[{                                                                                                                                                                                                                                            "width":"60px",                                                                                                                                                                                                                          "float": "right",                                                                                                                                                                                                                            "text": "编辑",                                                                                                                                                                                                                              "fontSize": "14px"                                                                                                                                                                                                             }]                                                                                                                                                                                                                                          }                                                                                                                                                                                                                                              }                                                                                                                                                                                                                                          }

在vue页面里修改导航栏里的按钮[示范:按钮的文字,文字的颜色,右上角的数字]

let webView = this.$mp.page.$getAppWebview();

webView.setTitleNViewButtonStyle(0, { 

        text: '完成',

        color:"#FF0000",

        badgeText:"1"

});

你可能感兴趣的:(动态修改导航栏按钮)