请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

动态更新<tabs-bar>选项卡数据后 显示出错

1
回复
496
查看
[复制链接]

2

主题

5

帖子

35

积分

QQ
 楼主| 2018-6-4 16:19:53 显示全部楼层 |阅读模式
html使用官网tabs教程中代码
    <tabs>
            <tab-bar class="tabs-bar" mode="scrollable">
                <!-- <text for="{{tabHeadList}}" class="{{currentIndex === $idx ? 'active' : ''}}" >{{$item.title}}</text> -->
                <text for="{{tabHeadList}}" >{{$item}}</text>
            </tab-bar>
            <tab-content class="tabs-content">
                <div class="tab-content-section" for="{{tabHeadList}}">
                    <!-- <text if="{{ renderTabContent($idx) }}">{{$item.title}}</text> -->
                </div>
            </tab-content>
        </tabs>
<script>  export default {    private: {      columnTitleList: {},      tabHeadList: []    },    onInit(){        fetch.fetch({            url: 'https://api.qiumibao.com/application/wechat/?_url=/getCategories',            success: data => {                this.columnTitleList = JSON.parse(data.data);                this.tabHeadList = this.columnTitleList.filter(el => el.type == '篮球')[0].list;                setTimeout(() => {                    this.tabHeadList = this.columnTitleList.filter(el => el.type == '足球')[0].list;                }, 1000)                setTimeout(() => {                    this.tabHeadList = this.columnTitleList.filter(el => el.type == '全部')[0].list;                }, 2000)                setTimeout(() => {                    this.tabHeadList = this.columnTitleList.filter(el => el.type == '篮球')[0].list;                }, 3000)                // 此时tabHeadList数据本应该为5,但tab-bar中显示数量为11            }        });    }  }</script>
回复

使用道具 举报

6

主题

53

帖子

295

积分

2019-5-14 10:42:19 显示全部楼层
您好请问您这个解决了吗。是因为什么原因 呢
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册