修改uniapp導航欄上的編輯和完成按鈕

//pages.json中
{
"path": "pages/shopCart/shopCart",
"style": {
"navigationBarTitleText": "購物車",
"app-plus": {
"titleNView": {
"buttons": [{
// #ifdef APP-PLUS
"text": "編輯",
// #endif
"fontSize": "16",
"color": "#b6b6b6",
"width": 70
}],
"splitLine": {//導航欄下划線
"color": "#F4f4f4",
"height": "1px"
}
}
}
}
},
//導航欄按鈕事件
onNavigationBarButtonTap(e) {
var index = e.index;
// 按鈕文字的改變所需
// #ifdef APP-PLUS
var currentWebview = this.$mp.page.$getAppWebview();
var tn = currentWebview.getStyle().titleNView;
console.log(tn);
var text = tn.buttons[0].text;
console.log(text);
if (text == '編輯') {
this.cartStatus = true;
tn.buttons[0].text = '完成';
currentWebview.setStyle({
titleNView: tn
});
} else if (text == '完成') {
this.cartStatus = false;
tn.buttons[0].text = '編輯';
currentWebview.setStyle({
titleNView: tn
});
}
// #endif
},