diff options
| author | taehoon <th.dev91@gmail.com> | 2019-04-04 00:22:55 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-04-17 11:32:49 -0400 |
| commit | b8ec13c8fd3b3498f55cce50807b2344779ea69f (patch) | |
| tree | 8af9873d17b37dd749e6c772809e8652d705c8ee /src/components/selectable_list | |
| parent | 32035217b8e04b0f178409f0f1f49d54296ce80c (diff) | |
let not selectable-list know about getKey prop
Diffstat (limited to 'src/components/selectable_list')
| -rw-r--r-- | src/components/selectable_list/selectable_list.js | 9 | ||||
| -rw-r--r-- | src/components/selectable_list/selectable_list.vue | 4 |
2 files changed, 6 insertions, 7 deletions
diff --git a/src/components/selectable_list/selectable_list.js b/src/components/selectable_list/selectable_list.js index 7856d725..93efa840 100644 --- a/src/components/selectable_list/selectable_list.js +++ b/src/components/selectable_list/selectable_list.js @@ -13,10 +13,9 @@ const SelectableList = { } }, methods: { - toggle (checked, item) { - const oldChecked = this.isSelected(item) + toggle (checked, key) { + const oldChecked = this.isSelected(key) if (checked !== oldChecked) { - const key = this.getKey(item) if (checked) { this.selected.push(key) } else { @@ -24,8 +23,8 @@ const SelectableList = { } } }, - isSelected (item) { - return this.selected.indexOf(this.getKey(item)) !== -1 + isSelected (key) { + return this.selected.indexOf(key) !== -1 } } } diff --git a/src/components/selectable_list/selectable_list.vue b/src/components/selectable_list/selectable_list.vue index e55a4ad3..d8938062 100644 --- a/src/components/selectable_list/selectable_list.vue +++ b/src/components/selectable_list/selectable_list.vue @@ -1,9 +1,9 @@ <template> <List class="selectable-list" :items="items" :getKey="getKey"> <template slot="item" scope="p"> - <div class="selectable-list-item-inner" :class="{ 'selectable-list-item-selected-inner': isSelected(p.item) }"> + <div class="selectable-list-item-inner" :class="{ 'selectable-list-item-selected-inner': isSelected(p.keyVal) }"> <div class="selectable-list-checkbox-wrapper"> - <Checkbox :checked="isSelected(p.item)" @change="checked => toggle(checked, p.item)" /> + <Checkbox :checked="isSelected(p.keyVal)" @change="checked => toggle(checked, p.keyVal)" /> </div> <slot name="item" :item="p.item" /> </div> |