Estou renderizando os dados que estão em um state
no vuex
em alguns inputs que ficam espalhados pela tela; sei que não consigo utilizar o mesmo método de um "model" (two-way-databiding) para alterar o valor de um state pois o mesmo precisa de um commit
para ser alterado.
Como posso pegar todos os valores do input de uma maneira mais facil para efetuar o commit para que o state
seja alterado?
atualmente eu coloquei um ref
em cada input mas isso esta muito verboso e acredito que eu esteja me equivocando em fazer isso e que existe uma maneira mais adequada:
<template>
<div>
<b-form-input :value="order.payer" ref="payer"></b-form-input>
</div>
</template>
<script>
import { mapGetters } from 'vuex';
...
...
computed: mapGetters({
// order preenche os inputs com por exemplo: "order.id" e "order.payer"
order: 'getOrderObject',
}),
...
...
methods: {
save () {
let inputs = {
payer: this.$refs.payer.$el.value // muito verboso :(
}
}
}
...
...
order
e depois enviar um commit.order
porque ele representa meustate
e não posso alterado sem fazer commit