uni-app自定義導(dǎo)航欄右側(cè)做增加按鈕并跳轉(zhuǎn)鏈接功能
更新時(shí)間：2022年03月09日 10:30:46 作者：洪洪呀
這篇文章主要介紹了uni-app自定義導(dǎo)航欄右側(cè)做增加按鈕并跳轉(zhuǎn)鏈接,本文通過(guò)實(shí)例代碼給大家分享實(shí)現(xiàn)思路，代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
uni-app自定義導(dǎo)航欄右側(cè)做增加按鈕并跳轉(zhuǎn)鏈接
uni-app 在頁(yè)面上的導(dǎo)航欄右側(cè)做一個(gè)增加的圖標(biāo) 并實(shí)現(xiàn)跳轉(zhuǎn)
1. 先看效果圖
2. 實(shí)現(xiàn)思路
使用阿里圖標(biāo)庫(kù)的字體圖標(biāo), 下載放入本地文件 pages頁(yè)面引入即可 這里說(shuō)一句 uni-app 不支持在線圖標(biāo) 所以需要下載下來(lái)
引入到本地項(xiàng)目中
3. pages.json文件中配置
如果是要放在左邊 改float : left 即可
4.page的代碼
{
"path": "pages/repairOrder/repairOrder",
"style": {
"navigationBarTitleText": "維修接單",
"enablePullDownRefresh": false,
"app-plus": {
"titleNView": {
"buttons": [
{
"text": "",
"fontSrc": "/static/iconfont/iconfont.ttf",
"fontSize": "23",
"float": "right"
}
]
}
}
}
}
5.點(diǎn)擊按鈕后跳轉(zhuǎn)事件
onNavigationBarButtonTap(e) {
uni.navigateTo({
url: `/pages/repairOrder/orderSave`
})
},可以打印e出來(lái)看具體參數(shù) 有問(wèn)題評(píng)論區(qū)
到此這篇關(guān)于uni-app自定義導(dǎo)航欄右側(cè)做增加按鈕并跳轉(zhuǎn)鏈接的文章就介紹到這了,更多相關(guān)uni-app自定義導(dǎo)航欄內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
javascript iframe編程相關(guān)代碼，對(duì)于熟練操作iframe的朋友有很大的幫助。2009-12-12
js 實(shí)現(xiàn)的可折疊留言板(附源碼下載)
留言板想必大家都有見(jiàn)過(guò)吧，但是可以折疊的卻不是很多，恰好本文提供一個(gè)比較不錯(cuò)的可折疊留言板，感興趣的朋友可以學(xué)習(xí)下2014-07-07
JavaScript中數(shù)組flat方法的使用與實(shí)現(xiàn)方法
在Array的顯示原型下有一個(gè)flat方法,可以將多維數(shù)組,降維,傳的參數(shù)是多少就降多少維,下面這篇文章主要給大家介紹了關(guān)于JavaScript中數(shù)組flat方法的使用與實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2022-08-08
js倒計(jì)時(shí)代碼，可以精確到天和精確到秒2013-11-11
JavaScript判斷空值、NULL、undefined的方法對(duì)比
JavaScript五種原始類(lèi)型（boolean、number、string、null、undefined）中的一種。在鑒別JavaScript原始類(lèi)型的時(shí)候我們會(huì)用到typeof操作符。Typeof操作符可用于字符串、數(shù)字、布爾和未定義類(lèi)型。2022-12-12
echarts餅圖標(biāo)簽formatter使用及餅圖自定義標(biāo)簽
項(xiàng)目中有遇到需要使用餅圖展示每種狀態(tài)所占比例,去echarts官網(wǎng)學(xué)習(xí)了一番,下面這篇文章主要給大家介紹了關(guān)于echarts餅圖標(biāo)簽formatter使用及餅圖自定義標(biāo)簽的相關(guān)資料,需要的朋友可以參考下2022-12-12
使用echarts實(shí)現(xiàn)3d柱狀圖+折線圖
這篇文章主要為大家詳細(xì)介紹了如何使用echarts實(shí)現(xiàn)3d柱狀圖和折線圖,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以了解一下2024-12-12
這篇文章主要介紹了input框中的name和id的區(qū)別介紹，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11
bootstrap——bootstrapTable實(shí)現(xiàn)隱藏列的示例
本篇文章主要介紹了bootstrapTable實(shí)現(xiàn)隱藏列的示例，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-01-01
不得不分享的JavaScript常用方法函數(shù)集（上）
不得不分享的JavaScript常用方法函數(shù)集，幫助大家更好的學(xué)習(xí)javascript程序設(shè)計(jì)，有興趣的朋友可以參考一下2015-12-12