微信小程序實現(xiàn)的動態(tài)設置導航欄標題功能示例
更新時間：2019年01月31日 14:33:05 作者：Rattenking
這篇文章主要介紹了微信小程序實現(xiàn)的動態(tài)設置導航欄標題功能,結合實例形式分析了微信小程序使用wx.setNavigationBarTitle接口動態(tài)設置導航欄標題的相關操作技巧,需要的朋友可以參考下
本文實例講述了微信小程序實現(xiàn)的動態(tài)設置導航欄標題功能。分享給大家供大家參考，具體如下：
場景
當從一個分類列表頁面進入到一個詳情頁面的時候，由于這個詳情頁面是公用的，為了區(qū)分頁面，就會設置該頁面的導航用以區(qū)分。就需要開發(fā)者在頁面加載的時候進行動態(tài)設置導航標題！
實現(xiàn)API
wx.setNavigationBarTitle(OBJECT)
語法
wx.setNavigationBarTitle({
title: '當前頁面', //頁面標題
success: () => {}, //接口調用成功的回調函數
fail: () => {}, //接口調用失敗的回調函數
complete: () => {} //接口調用結束的回調函數（調用成功、失敗都會執(zhí)行）
})
開發(fā)DEMO
list.wxml
1. 在navigator標簽的url設置兩個參數；
2. 一個分類ID—用于詳情頁面請求對應分類的詳細數據；
3. 一個分類名稱—用于本次博客的主要作用，設置導航欄標題。
<navigator url="../../pages/shopList/shopList?navId={{item.supplierTypeID}}&navName={{item.supplierTypeName}}">
<image class="rui-nav-icon" src="{{item.supplierTypePic}}"></image>
<text class='rui-nav-text'>{{item.supplierTypeName}}</text>
</navigator>
detail.js
1. 獲取URL傳遞到子頁面的參數—在onLoad函數opts.navName；
2. 三元表達式判斷opts.navName參數是否為空，如果為空直接設置為商鋪列表，否則進行拼接；
3. 用setNavigationBarTitle API實現(xiàn)導航標題的動態(tài)設置。
Page({
onLoad(opts){
// 設置導航欄為對應導航
wx.setNavigationBarTitle({
title: (opts.navName != '' ? opts.navName : '') + '商鋪列表'
})
}
})
實際應用效果圖
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
你還不懂遞歸？讀完這篇文章保證你會懂，下面這篇文章主要給大家介紹了關于遞歸的相關內容，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-07-07
javascript截取字符串(通過substring實現(xiàn)并支持中英文混合)
用js方法substring()、方法substr()實現(xiàn)如標題所示的截取字符串并支持中英文混合，具體代碼如下，感興趣的各位可以參考下哈2013-06-06
控制打印時頁眉角的代碼...2007-02-02
解決Jstree 選中父節(jié)點時被禁用的子節(jié)點也會選中的問題
下面小編就為大家分享一篇解決Jstree 選中父節(jié)點時被禁用的子節(jié)點也會選中的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12 
這篇文章主要詳細介紹了javascript計時器的相關資料,十分全面詳盡，需要的朋友可以參考下
2015-02-02 
在盛大某網站注冊的時候，身份證必填，但我又不想填真實身份證號碼，于是隨便編了串自認為合法的身份證號碼，但是卻馬上被提示號碼錯誤
2011-05-05 
對setInterval在火狐和chrome切換標簽產生奇怪的效果之探索，與解決方案！
其實這個問題，已經困擾我很近。就是切換瀏覽器標簽之后，再等幾十秒的時間切換回來setInterval就亂了陣，過一會又正常了！IE瀏覽器就沒有這種奇怪的現(xiàn)象！
2011-10-10 
javascript中運用閉包和自執(zhí)行函數解決大量的全局變量問題
做為一個javascript新手，為了程式的簡便，可能會在javascript中運用了大量的全局變量，雖然一時看來，問題解決了，而且也可能讓編碼變得更加的簡單。
2010-12-12 
一個標簽僅僅是要觸發(fā)onclick行為，遇到了A標簽觸發(fā)onclick事件時不執(zhí)行跳轉，下面與大家分享下四種解決方法，感興趣的朋友可以參考下哈
2013-06-06