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
},
相關文章
- 談導航欄返回按鈕的替代方案
- iOS隱藏導航欄的返回按鈕iOS
- uniapp自定義導航欄APP
- 分析微信(iOS 版)定製導航欄按鈕的思路iOS
- 自定義導航欄返回按鈕導致返回手勢失效問題
- CSS_導航欄+固定浮動的回到頂部按鈕CSS
- iOS開發:給UIWebview的導航欄新增返回、關閉按鈕iOSUIWebView
- Bootstrap系列 -- 42. 導航條中的按鈕、文字和連結boot
- 手機直播原始碼,突出底部導航欄中間按鈕的樣式原始碼
- 直播系統程式碼,自行更改導航欄樣式
- 聊天平臺原始碼,解決設定導航欄按鈕圖片變色問題原始碼
- ReactNative導航的右邊新增按鈕做跳轉React
- iOS7 UI相容 導航欄按鈕邊框 UINavigationItem left and right paddingiOSUINavigationpadding
- uniapp---wap2app去掉系統自帶的導航欄APP
- 窗體(文字框,按鈕,單選按鈕,標籤)
- WordPresscategory導航欄Go
- 58同城APP導航、按鈕、表單、圖示運用淺析APP
- uniapp根據導航欄的標題定位到相應錨點位置APP
- Python文字框與按鈕Python
- 設定按鈕的徽章文字
- uniapp頁面中的按鈕使用分享功能APP
- uniapp點選按鈕提交textarea值為undifineAPP
- Excel新增按鈕快速更改大小寫Excel
- Qt更改按鈕樣式 (以QSpinBox使用左右按鈕樣式為例)QT
- qml 導航欄TabBar 工具欄ToolBartabBar
- Bootstrap系列 -- 30. 按鈕工具欄boot
- GitHub 導航欄加強Github
- HTML橫向導航欄HTML
- Flutter 導航欄AppBarFlutterAPP
- Tablayout實現導航欄TabLayout
- iOS 導航欄的控制iOS
- bootstrap導航欄學習boot
- 名錶維修保養:uniapp 微信小程式自定義導航欄 詳細步驟APP微信小程式
- 工具欄上按鈕的繪製 (轉)
- Swift更改SearchBar的“No Results”標籤和“Cancel”按鈕Swift
- 【iOS開發-22】navigationBar導航欄,navigationItem建立:獲取導航欄中的基本文字和button以及各種跳躍...iOSNavigation
- RadioButton文字按鈕間距設定,按鈕在文字右端顯示,RadioButton 右端對齊
- css設定按鈕心跳收縮後,按鈕文字上下抖動,如何解決?CSS