<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        微信小程序實現的動態設置導航欄標題功能示例

        來源:懂視網 責編:小采 時間:2020-11-27 22:01:17
        文檔

        微信小程序實現的動態設置導航欄標題功能示例

        微信小程序實現的動態設置導航欄標題功能示例:本文實例講述了微信小程序實現的動態設置導航欄標題功能。分享給大家供大家參考,具體如下: 場景 當從一個分類列表頁面進入到一個詳情頁面的時候,由于這個詳情頁面是公用的,為了區分頁面,就會設置該頁面的導航用以區分。就需要開發者在頁面加載的時候進行
        推薦度:
        導讀微信小程序實現的動態設置導航欄標題功能示例:本文實例講述了微信小程序實現的動態設置導航欄標題功能。分享給大家供大家參考,具體如下: 場景 當從一個分類列表頁面進入到一個詳情頁面的時候,由于這個詳情頁面是公用的,為了區分頁面,就會設置該頁面的導航用以區分。就需要開發者在頁面加載的時候進行

        本文實例講述了微信小程序實現的動態設置導航欄標題功能。分享給大家供大家參考,具體如下:

        場景

        當從一個分類列表頁面進入到一個詳情頁面的時候,由于這個詳情頁面是公用的,為了區分頁面,就會設置該頁面的導航用以區分。就需要開發者在頁面加載的時候進行動態設置導航標題!

        實現API

        wx.setNavigationBarTitle(OBJECT)

        語法

        wx.setNavigationBarTitle({
         title: '當前頁面', //頁面標題
         success: () => {}, //接口調用成功的回調函數
         fail: () => {}, //接口調用失敗的回調函數
         complete: () => {} //接口調用結束的回調函數(調用成功、失敗都會執行)
        })
        
        

        開發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實現導航標題的動態設置。

        Page({
         onLoad(opts){
         // 設置導航欄為對應導航
         wx.setNavigationBarTitle({
         title: (opts.navName != '' ? opts.navName : '') + '商鋪列表'
         })
         }
        })
        
        

        實際應用效果圖

        希望本文所述對大家微信小程序開發有所幫助。

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        微信小程序實現的動態設置導航欄標題功能示例

        微信小程序實現的動態設置導航欄標題功能示例:本文實例講述了微信小程序實現的動態設置導航欄標題功能。分享給大家供大家參考,具體如下: 場景 當從一個分類列表頁面進入到一個詳情頁面的時候,由于這個詳情頁面是公用的,為了區分頁面,就會設置該頁面的導航用以區分。就需要開發者在頁面加載的時候進行
        推薦度:
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲精品欧美综合四区| 久久国产精品免费网站| 18禁亚洲深夜福利人口| 很黄很污的网站免费| 大学生美女毛片免费视频| 亚洲综合日韩久久成人AV| 亚洲国产精品人久久电影| gogo免费在线观看| 永久免费无码网站在线观看| 国产亚洲精AA在线观看SEE| 精品亚洲av无码一区二区柚蜜| 好吊妞在线成人免费| 亚洲欧洲无码AV不卡在线| 久久一区二区三区免费播放| 日本免费福利视频| 亚洲欧洲另类春色校园小说| 免费影院未满十八勿进网站| 久久亚洲国产精品五月天| 黄页网址在线免费观看| 色妞WWW精品免费视频| 亚洲黄色三级视频| 亚洲免费人成在线视频观看| 久久亚洲精品成人| 免费无码又爽又刺激聊天APP| 亚洲综合av一区二区三区| 91精品导航在线网址免费| 国产亚洲av片在线观看播放| 另类免费视频一区二区在线观看| 亚洲五月激情综合图片区| 国产午夜精品免费一区二区三区| 久久亚洲精品成人无码网站| 性xxxx视频播放免费| eeuss影院免费92242部| 亚洲一区二区在线视频| 可以免费观看的国产视频| 亚洲videos| 亚洲三级高清免费| 欧亚一级毛片免费看| 免费国产在线观看| 亚洲av色香蕉一区二区三区| 欧洲美熟女乱又伦免费视频 |