list类目切换商品列表组件的示例代码(2)

日期：2020-10-02 栏目：程序人生浏览：次

对于不同的页面，tab列表的名称，tab定位的名称，商品列表的名称，接口的名称，请求接口的参数都可以会不一样，所以我在这里将这些项作为参数，在初始化这个组件的时候需要传入

//组件部分 init(data = {}) { this.listStatus.finished = !data.hasMore; this.tabName = data.tabName; this.listName = data.listName; this.apiName = data.apiName; this.queryName = data.queryName; this.handleNavFixed();//判断是否吸顶 }, //调用组件 this.$bus.emit('tab-list.init', { tabName: 'tab', listName: 'items', apiName: 'homeList', queryName: 'tab_id', hasMore: this.hasMore, });