Merge branch 'master' of github.com:shinygang/Vue-cnodejs

shinygang · shinygang · commit fafecb8ff330 · 2017-03-30T10:34:35.000+08:00
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-#基于vue.js重写Cnodejs.org社区的webapp [线上访问地址](http://shinygang.github.io/cnodevue/)
+#基于vue.js重写Cnodejs.org社区的webapp [线上访问地址](http://shinygang.coding.me/)
 
 ## 注意：当前项目代码已经升级到2.0，采用vue-cli构建的2.0版本。1.x代码请看1.x分支。
 
diff --git a/src/views/list.vue b/src/views/list.vue
@@ -10,7 +10,7 @@
         <section id="page">
             <!-- 首页列表 -->
             <ul class="posts-list">
-                <li v-for="item in topics">
+                <li v-for="item in topics" :key="item.id">
                     <router-link :to="{name:'topic',params:{id:item.id}}">
                     <h3 v-text="item.title"
                             :class="getTabInfo(item.tab, item.good, item.top, true)"
@@ -58,6 +58,7 @@
             return {
                 scroll: true,
                 topics: [],
+                index: {},
                 searchKey: {
                     page: 1,
                     limit: 20,
@@ -144,17 +145,26 @@
                 $.get('https://cnodejs.org/api/v1/topics?' + params, (d) => {
                     this.scroll = true;
                     if (d && d.data) {
-                        this.topics = d.data;
+                        d.data.forEach(this.mergeTopics);
                     }
                 });
             },
+            mergeTopics(topic) {
+                if (typeof this.index[topic.id] === 'number') {
+                    const topicsIndex = this.index[topic.id];
+                    this.topics[topicsIndex] = topic;
+                } else {
+                    this.index[topic.id] = this.topics.length;
+                    this.topics.push(topic);
+                }
+            },
             // 滚动加载数据
             getScrollData() {
                 if (this.scroll) {
                     let totalheight = parseInt($(window).height(), 20) + parseInt($(window).scrollTop(), 20);
                     if ($(document).height() <= totalheight + 200) {
                         this.scroll = false;
-                        this.searchKey.limit += 20;
+                        this.searchKey.page += 1;
                         this.getTopics();
                     }
                 }
@@ -166,8 +176,10 @@
                 // 如果是当前页面切换分类的情况
                 if (to.query && to.query.tab) {
                     this.searchKey.tab = to.query.tab;
+                    this.topics = [];
+                    this.index = {};
                 }
-                this.searchKey.limit = 20;
+                this.searchKey.page = 1;
                 this.getTopics();
                 // 隐藏导航栏
                 this.$refs.head.show = false;
@@ -178,4 +190,4 @@
             nvTop
         }
     };
-</script>
+</script>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-#基于vue.js重写Cnodejs.org社区的webapp [线上访问地址](http://shinygang.github.io/cnodevue/)`
	`1`	`+#基于vue.js重写Cnodejs.org社区的webapp [线上访问地址](http://shinygang.coding.me/)`
`2`	`2`
`3`	`3`	`## 注意：当前项目代码已经升级到2.0，采用vue-cli构建的2.0版本。1.x代码请看1.x分支。`
`4`	`4`