ListComponent에 데이터 전달하지 않을시 조회되는지 확인

yhlee002 · Jul 18, 2024 · 5f060b7 · 5f060b7
1 parent 778d1fc
commit 5f060b7
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/board/BoardComponent.vue b/src/components/board/BoardComponent.vue
@@ -35,8 +35,6 @@ await boardStore.getWeeklyRecommendedTopBoards(5);
 await boardStore.getWeeklyViewTopBoards(5);
 
 watch(orderBy, async (newVal, oldVal) => {
-  console.info('orderBy watch 발동', `${oldVal} -> ${newVal}`);
-
   await boardStore.getBoards(boardStore.currentPage, 10, null, null, newVal);
 
   query.value = "";
@@ -66,7 +64,7 @@ watch(pageNum, async (newPage) => {
       boardStore.currentPage = newPage;
       await boardStore.getBoards(newPage, 10, null, null, orderBy.value);
 
-      // renderCnt.value += 1;
+      renderCnt.value += 1;
     },
     {immediate: true}
 );
@@ -155,6 +153,15 @@ function writeNewPost() {
                 </select>
               </div>
 
+              <!-- 임시 -->
+              <div>
+                <ul>
+                  <li v-for="item in boardStore.listItems" :key="item.id">
+                    {{item.title}}
+                  </li>
+                </ul>
+              </div>
+
               <ListComponent category="boards" :list="boardStore.listItems" :recommended="true"
                              :key="renderCnt"></ListComponent>
               <Pagenation category="boards" :pages="boardStore.totalPages" :page="boardStore.currentPage"></Pagenation>