在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 小程序中tab視圖中綁定不同路由的問題

小程序中tab視圖中綁定不同路由的問題

如圖，我想在小程序中實現(xiàn)以下Tab視圖及標(biāo)簽切換功能，
圖片描述

類似這種形式。

以圖為例，“全部”標(biāo)簽直接以在index.wxml中以文本形式渲染，
之后的標(biāo)簽通過獲取遠(yuǎn)端json內(nèi)容，然后通過wx for渲染在頁面中。

那么現(xiàn)在問題就來了，我指定“全部”標(biāo)簽內(nèi)容時，服務(wù)器的路由是www.host.com/api/all

但是之后獲取其他目錄內(nèi)容的路由，后臺給出的是www.host.com/api/category/{某種ID}/{目錄名字}，這種形式。

這樣在整個tab標(biāo)簽的切換中就產(chǎn)生了兩種路由，請問應(yīng)該如何綁定不同路由呢？
想不出來好的解決辦法。

回答
編輯回答
情殺

根據(jù)current來定位當(dāng)前標(biāo)簽，并對應(yīng)data中對應(yīng)的一個配置，比如

tab: {
    'default': { postUrl: 'www.host.com/api/category', data: { idx: 0, num: 10 } },
    '0': { name: '全部', postUrl: 'http://www.host.com/api/all', data: { num: 20 } },
    '1': { name: '氪TV', id: 'ketv', catalog: 'tv', data: { num: 20 } },
    '2': { name: '近期活動', id: 'event', catalog: 'new', data: { time: 'now' } },
    ......
}

比如這樣，在bindchange時，讀取對應(yīng)current的索引數(shù)據(jù)。沒有postUrl，則讀取default內(nèi)的通用配置，并加上id+catalog，如果有postUrl，則直接使用。而data也可以把通用的、缺省的部分放在default: { data: {} }內(nèi)，從而減少配置內(nèi)重復(fù)內(nèi)容的冗余。

2018年8月1日 12:43