...
|
...
|
@@ -7,6 +7,7 @@ |
|
|
:item-w="344" :gutter-w="18"
|
|
|
:isLoading="isFetchingArticleList"
|
|
|
@load-more="loadMore"
|
|
|
@update-praise="updatePraise"
|
|
|
>
|
|
|
</waterFallList>
|
|
|
|
...
|
...
|
@@ -37,7 +38,8 @@ export default { |
|
|
data() {
|
|
|
return {
|
|
|
listData: [],
|
|
|
needLoadingData: false
|
|
|
needLoadingData: false,
|
|
|
isUpdatingPraise: false, // 是否正在调用点赞接口
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
...
|
...
|
@@ -88,7 +90,7 @@ export default { |
|
|
this.$refs.waterFallList.routeLeave(to, from, next);
|
|
|
},
|
|
|
methods: {
|
|
|
...mapActions(['fetchArticleList']),
|
|
|
...mapActions(['fetchArticleList', 'updateArticlePraise']),
|
|
|
loadMore() {
|
|
|
if (this.listInfo.pageNo < this.listInfo.totalPage && !this.isFetchingArticleList) {
|
|
|
console.log('loadMore');
|
...
|
...
|
@@ -98,6 +100,17 @@ export default { |
|
|
lastedTime: this.articleListInfo.lastedTime
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
updatePraise({articleId, status, index}) {
|
|
|
if (!this.isUpdatingPraise) {
|
|
|
this.isUpdatingPraise = true;
|
|
|
}
|
|
|
this.updateArticlePraise({articleId, status, index}).then(result => {
|
|
|
this.isUpdatingPraise = false;
|
|
|
console.log('praiseResult=', result);
|
|
|
}).catch(() => {
|
|
|
this.isUpdatingPraise = false;
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
|
...
|
...
|
|