<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
        主站蜘蛛池模板: 亚洲自偷自拍另类图片二区| 久久国产亚洲观看| 精品国产日韩久久亚洲| 免费无码VA一区二区三区| 亚洲av无码专区国产乱码在线观看| 青青操免费在线观看| 久久精品7亚洲午夜a| 国产免费AV片在线观看| 亚洲av永久无码精品漫画| 日本一卡精品视频免费| 亚洲短视频在线观看| 久久久久国色AV免费观看性色 | 久久久久久国产a免费观看黄色大片| 亚洲人成网址在线观看 | 人妻免费久久久久久久了| 亚洲七七久久精品中文国产| a一级爱做片免费| 亚洲精品国产美女久久久| 久久久久成人片免费观看蜜芽 | 少妇中文字幕乱码亚洲影视 | 香蕉高清免费永久在线视频| 激情吃奶吻胸免费视频xxxx| 亚洲色婷婷综合开心网| 国内精品免费在线观看 | 亚洲美日韩Av中文字幕无码久久久妻妇 | 亚洲网站免费观看| 中文日韩亚洲欧美制服| 亚洲综合色在线观看亚洲| 久久久久免费精品国产小说| 亚洲人成网站18禁止久久影院| 日本一区免费电影| 色www永久免费| 亚洲精品第一综合99久久| 亚洲伊人久久综合影院| 69精品免费视频| 九九精品国产亚洲AV日韩| 亚洲精品国偷自产在线| 成人免费a级毛片无码网站入口| 一级做a毛片免费视频| 亚洲日韩中文字幕| 亚洲午夜国产片在线观看|