diff options
author | Mateja <mail@matejamaric.com> | 2021-03-14 01:13:32 +0100 |
---|---|---|
committer | Mateja <mail@matejamaric.com> | 2021-03-14 01:13:32 +0100 |
commit | c3a0c1a40262343e1c7e6ec9a0bba9772054ba6d (patch) | |
tree | b81239c03dfa3f587e0188cdc0e1e8111b08015f /resources/js | |
parent | 2e570c76bda80def3e07ecc3478d8eb95905acbb (diff) | |
download | yota-laravel-c3a0c1a40262343e1c7e6ec9a0bba9772054ba6d.tar.gz yota-laravel-c3a0c1a40262343e1c7e6ec9a0bba9772054ba6d.zip |
Use computed setter in call-sign-filter component.
Diffstat (limited to 'resources/js')
-rw-r--r-- | resources/js/components/call-sign-filter.vue | 18 | ||||
-rw-r--r-- | resources/js/store.js | 8 |
2 files changed, 17 insertions, 9 deletions
diff --git a/resources/js/components/call-sign-filter.vue b/resources/js/components/call-sign-filter.vue index 9ad202d..658b0d2 100644 --- a/resources/js/components/call-sign-filter.vue +++ b/resources/js/components/call-sign-filter.vue @@ -9,18 +9,20 @@ import store from '../store.js'; export default { - data() { - return { - selected: store.state.selectedSign, - //options: store.state.callSigns - } - }, mounted() { - store.dispatch('getSigns'); + store.dispatch('fillSigns'); }, computed: { + selected: { + get() { + return store.getters.getSelectedSign; + }, + set(value) { + store.dispatch('setSelectedSign', value); + } + }, options() { - return store.state.callSigns; + return store.getters.getSigns; } } } diff --git a/resources/js/store.js b/resources/js/store.js index 7f5f1df..33b7469 100644 --- a/resources/js/store.js +++ b/resources/js/store.js @@ -17,12 +17,18 @@ const store = new Vuex.Store({ } }, mutations: { + setSelectedSign(state, sign) { + state.selectedSign = sign; + }, fillSigns(state, signs) { state.callSigns = signs; } }, actions: { - getSigns(context) { + setSelectedSign(context, sign) { + context.commit('setSelectedSign', sign); + }, + fillSigns(context) { let data = ['test', 'TEST', 'TeSt']; context.commit('fillSigns', data); } |