발표 중 사용한 코드

joshua1988 · joshua1988 · commit c6981c8d03bc · 2019-10-11T15:51:44.000+09:00
diff --git a/dom-handling/handling.html b/dom-handling/handling.html
@@ -16,7 +16,15 @@
   <body>
     <div id="app">
       <ul>
-        <li @click="removeItem">
+        <li v-for="(item, index) in items" 
+          @click="removeItem(index)">
+          <span>{{ item }}</span>
+          <div class="child hide" ref="listItem">
+            메뉴 설명
+          </div>
+        </li>
+
+        <!-- <li @click="removeItem">
           <span>메뉴 1</span>
           <div class="child hide">
             메뉴 설명
@@ -33,7 +41,7 @@
           <div class="child hide">
             메뉴 설명
           </div>
-        </li>
+        </li> -->
       </ul>
     </div>
 
@@ -46,7 +54,8 @@
         },
         methods: {
           removeItem(index) {
-            event.target.lastChild.classList.toggle('hide');
+            this.$refs.listItem[index].classList.toggle('hide');
+            // event.target.lastChild.classList.toggle('hide');
           },
         },
       });
diff --git a/reacitivity/1_checkbox.html b/reacitivity/1_checkbox.html
@@ -44,7 +44,7 @@
               .then(response => response.json())
               .then(data => {
                 this.users = data;
-                // this.$set(this.users[0], 'checked', false);
+                this.$set(this.users[0], 'checked', false);
               })
               .catch(error => console.log(error));
           },
