Update 오탈자.MD

오탈자.MD

@@ -4,8 +4,9 @@
 101페이지| 예제 05-02의 18행 | with:'100px'  | width:'100px'
 114페이지| 예제 05-11의 20행 | this.todolist.push(...)  | this.todolist.push({ id: new Date().getTime(), todo: this.todo.trim(), done: false });
 205페이지| 9번째 줄 | npm install -g @vue /cli (windows)  | npm install -g @vue/cli (windows)
- 282페이지| 11번,13번 줄 | yarn add vuejs-paginate [email protected]  | yarn add [email protected] [email protected]<br/><br/>Readme.MD의 **버전 업그레이드 사항** 1번 참조
- 317페이지 | 예제 11-02 | 전체 | 아래쪽의 첨부1의 코드로 변경합니다.
+282페이지| 11번,13번 줄 | yarn add vuejs-paginate [email protected]  | yarn add [email protected] [email protected]<br/><br/>Readme.MD의 **버전 업그레이드 사항** 1번 참조
+317페이지 | 예제 11-02 | 전체 | 아래쪽의 첨부1의 코드로 변경합니다.
+418페이지 | 아랫부분 코드 | 첨부2 참조 | 첨부2 참조
 
 #
 ### 첨부1
@@ -44,3 +45,30 @@ const store = new Vuex.Store({
 
 export default store;
 ~~~
+
+### 첨부2
+이 예제에서는 잘 작동하지만 다른 파라미터가 사용될 경우 오작동할 가능성이 있어서 정정합니다. 다른 파라미터가 사용될 경우 next()가 호출되지 않을 수 있기 때문에 if 문 밖에서 호출되는 것이 바람직합니다.
+
+##### 변경 전
+~~~
+   beforeRouteUpdate(to,from,next) {
+        if (to.query.page && to.query.page != this.contactlist.pageno) {
+            var page = to.query.page;
+            this.$store.dispatch(Constant.FETCH_CONTACTS, { pageno:page });
+            this.$refs.pagebuttons.selected = page-1;
+            next()
+        }
+    },
+~~~
+
+##### 변경 후
+~~~
+    beforeRouteUpdate(to,from,next) {
+        if (to.query.page && to.query.page != this.contactlist.pageno) {
+            var page = to.query.page;
+            this.$store.dispatch(Constant.FETCH_CONTACTS, { pageno:page });
+            this.$refs.pagebuttons.selected = page-1;
+        }
+        next()
+    },
+~~~