From 4b854c29227ef08ea178a3bba527a40ca2f84674 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Mon, 21 Feb 2022 02:03:17 +0800 Subject: [PATCH] 统计接口对接,列表接口参数对接 --- src/components/group/articleListScorll.vue | 34 ++++++++++++++++++++++++++++------ 1 files changed, 28 insertions(+), 6 deletions(-) diff --git a/src/components/group/articleListScorll.vue b/src/components/group/articleListScorll.vue index 6d83f3d..c18502a 100644 --- a/src/components/group/articleListScorll.vue +++ b/src/components/group/articleListScorll.vue @@ -63,6 +63,7 @@ }, data() { return { + typeId: "", data: [], loading: false, busy: false, @@ -72,9 +73,29 @@ current: 1, }; }, + watch: { + '$route'(to, from) { + if ("articleList" === to.name) { + this.typeId = this.$route.query.typeId; + } + }, + typeId: function(newValue, oldValue) { + this.busy = true; + this.$message.info('loading',0.3); + this.onChange(1); + } + + }, + activated() { + window.addEventListener('scroll', this); + }, + deactivated() { + window.removeEventListener('scroll', this); + }, beforeMount() { queryBlogArticleList({ - pageNo: this.current + pageNo: this.current, + typeId: this.typeId }).then((res) => { this.total = Number(res.data.total) this.pageSize = Number(res.data.size); @@ -83,11 +104,11 @@ }) }, methods: { - onChange(current) { this.current = current; queryBlogArticleList({ - pageNo: this.current + pageNo: current, + typeId: this.typeId }).then((res) => { this.busy = false; this.total = Number(res.data.total) @@ -99,9 +120,10 @@ loadMore() { this.loading = true; this.busy = true; - + queryBlogArticleList({ - pageNo: this.current + 1 + pageNo: this.current + 1, + typeId: this.typeId }).then((res) => { this.total = Number(res.data.total) @@ -109,7 +131,7 @@ this.data = this.data.concat(res.data.records); this.busy = false; if (res.data.records.length == 0) { - this.$message.warning('别滑了,别滑了,到底了..'); + //this.$message.warning('别滑了,别滑了,到底了..'); this.busy = true; this.loading = false; return; -- Gitblit v1.9.1