【小程序】小程序中tab视图中绑定不同路由的问题

如图，我想在小程序中实现以下Tab视图及标签切换功能，
【小程序】小程序中tab视图中绑定不同路由的问题

类似这种形式。

以图为例，“全部”标签直接以在index.wxml中以文本形式渲染，
之后的标签通过获取远端json内容，然后通过wx for渲染在页面中。

那么现在问题就来了，我指定“全部”标签内容时，服务器的路由是www.host.com/api/all

但是之后获取其他目录内容的路由，后台给出的是www.host.com/api/category/{某种ID}/{目录名字}，这种形式。

这样在整个tab标签的切换中就产生了两种路由，请问应该如何绑定不同路由呢？
想不出来好的解决办法。

回答

根据current来定位当前标签，并对应data中对应的一个配置，比如

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时，读取对应current的索引数据。没有postUrl，则读取default内的通用配置，并加上id+catalog，如果有postUrl，则直接使用。而data也可以把通用的、缺省的部分放在default: { data: {} }内，从而减少配置内重复内容的冗余。

以上是 【小程序】小程序中tab视图中绑定不同路由的问题 的全部内容， 来源链接： utcz.com/a/79461.html

回到顶部