Filter checkbox: v-model item.checked

davpsh · May 23, 2018 · 51796f8 · 51796f8
1 parent fc07972
commit 51796f8
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 12 deletions.
diff --git a/filter-checkboxes/filter-checkboxes.html b/filter-checkboxes/filter-checkboxes.html
@@ -11,7 +11,7 @@
             <input type="text" v-model="search">
             <ul id="fruits">
                 <li v-for="item in filteredItems" :key="item.key">
-                    <input type="checkbox" :value="item.key" :checked="item.checked" v-on:change="modify(item, $event)" /> {{ item.value }}
+                    <input type="checkbox" :value="item.key" v-model="item.checked" /> {{ item.value }}
                 </li>
             </ul>
         </div>

diff --git a/filter-checkboxes/filter-checkboxes.js b/filter-checkboxes/filter-checkboxes.js
@@ -21,17 +21,6 @@ window.addEventListener('load', function () {
           ? this.filterByValueMatch
           : this.items;
       }
-    },
-    methods: {
-      modify: function (item, event) {
-        var state = event.target.checked,
-            key = event.target.value,
-            index = item ? this.items.indexOf(item) : undefined;
-
-        if (item && !isNaN(index)) {
-          this.items[index].checked = state;
-        }
-      }
     }
   })
 })