vue+vant公众号项目踩的坑

vant – List组件在页面初始化后连续触发多次的问题,如下图:
vue+vant公众号项目踩的坑_第1张图片
代码:
html代码:


	内容

data数据

	category: { // 分类
           twoCate: [], // 二级分类
           twoCate_id: 'all', // 二级分类选中id
           demoTab: null, // 落地案例三级tab
           kownStoreTab: null, // 知识库三级tab
           dropLoading: true, // 上拉加载
           finished: false, // 数据是否全部加载
           list: [],
           totalcount: 0, // 列表总条数
           pageindex: 1,
           pagesize: 10
       },

接口:

getQuotationsList(id, pagetype){ // 获取语录列表
            this.axios({
                url: this.api.quotation.list,
                data: {
                    id,
                    pagetype,
                    page: this.category.pageindex
                }
            }).then((res) => {
                if (res.error === 0) {
                    this.quotations.list.length == 0 ? this.quotations.list = res.list :
                    this.quotations.list = this.quotations.list.concat(res.list)
                    if (this.quotationsInit && this.category.pageindex >= res.pagecount) {
                        /* 结束加载 */
                        this.category.finished = true
                    }
                }else {
                    this.category.finished = true
                }
            }).finally(()=>{
                // 加载状态结束
                this.category.dropLoading = false
            })
        },

tab切换:

	dataInit(){ // 数据初始化
            this.category.finished = false
            // this.category.dropLoading = true // 初始化,开启上拉加载数据,防止axios连续触发多次或不触发(???)
            this.quotationsInit = false
            this.category.pageindex = 1
            this.quotations.list = []
            this.category.list = []
        },
        twoCateTab(id){ // 二级tab
            this.dataInit()
            this.category.twoCate_id = id
            this.listInit(id, 'item') // 二级分类列表
        },

问题出现在tab切换的时候,如果初始化数据dropLoading不设置为true的话,就会出现以上说的问题 ,经过调试还没弄懂为什么,知道的码友可以告知下吗?感谢

你可能感兴趣的:(h5,js,公众号,vue,vant)