From 1096bf645c7292dce4b61ef51647bb68123a2b36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B5=9C=EC=A4=80=ED=9D=A0?= <choi.jh@prime-idc.jp>
Date: Wed, 24 Aug 2022 19:13:34 +0900
Subject: [PATCH] vue2_frontend init..

---
 src/views/todo/listView.vue | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/views/todo/listView.vue b/src/views/todo/listView.vue
index e006580..f1f62c3 100644
--- a/src/views/todo/listView.vue
+++ b/src/views/todo/listView.vue
@@ -44,17 +44,17 @@
           :sort-desc.sync="sortDesc"
           :sort-direction="sortDirection"
           :busy="isBusy"
-          :striped="striped"
-          :hover="hover"
-          :bordered="bordered"
-          :dark="dark"
-          :head-variant="headVariant"
+          :striped="table_Attributes.striped"
+          :hover="table_Attributes.hover"
+          :bordered="table_Attributes.bordered"
+          :dark="table_Attributes.dark"
+          :head-variant="table_Attributes.headVariant"
           label-sort-asc=""
           label-sort-desc=""
           label-sort-clear=""
           @filtered="onFiltered"
         >
-          <template v-slot:cell(selected)="row">
+          <template #cell(selected)="row">
             <input
               type="checkbox"
               :value="row.item.id"
@@ -90,7 +90,7 @@
         </b-col>
         <b-col>
           <div class="input-group justify-content-end">
-            <b-button @click="toggleBusy">Toggle Busy State</b-button>
+            <b-button @click="busyToggle">Toggle Busy State</b-button>
           </div>
         </b-col>
       </b-row>
@@ -164,11 +164,13 @@ export default {
       ],
       currentPage: 1, // 현재 페이지
       // 속성옵션
-      striped: true,
-      hover: true,
-      bordered: true,
-      dark: false,
-      headVariant: 'null',
+      table_Attributes: {
+        striped: true,
+        hover: true,
+        bordered: true,
+        dark: false,
+        headVariant: 'null'
+      },
       isBusy: false,
       sortBy: 'id',
       sortDesc: false,
@@ -215,7 +217,7 @@ export default {
       this.currentPage = 1
       this.getDatas()
     },
-    toggleBusy() {
+    busyToggle() {
       this.isBusy = !this.isBusy
     },
     onFiltered(filteredItems) {
@@ -224,6 +226,7 @@ export default {
       this.currentPage = 1
     },
     checkedIdsToggle(id) {
+      console.log(this)
       //console.log(this.checkedIds)
       if (!this.checkedIds.includes(id)) {
         this.checkedIds.push(id)