Tengo estos botones agrupados en mi componente de VUE
<template>
<MDBBtnGroup v-model="tipo_operacion" class="shadow-0">
<MDBBtn active color="light" value="1" @click="tipoOperacionAction(value)">Comprar</MDBBtn>
<MDBBtn color="light" value="2" @click="tipoOperacionAction()">Alquilar</MDBBtn>
<MDBBtn color="light" value="3" @click="tipoOperacionAction()">Emprendimientos</MDBBtn>
</MDBBtnGroup>
</template>
<script>
export default {
computed:{
...mapState(['tipo_operacion'])
},
methods: {
...mapActions('filtros', ['tipoOperacionAction'])
},
components: {
MDBBtnGroup,
MDBBtn,
},
};
</script>
Y quiero que al clickear cualquiera de esos botones, cambie un valor en el Store de VUEX
state: {
tipo_operacion: 1
},
mutations: {
setTipoOperacion(state, payload) {
state.tipo_operacion = payload;
}
},
actions: {
tipoOperacionAction({ commit }, value) {
console.log(value)
}
}
-> Yo espero poder imprimir en consola 1,2 o 3, depende del botón que yo aprete.
Pensé que podría enviar algún parámetro a través de la acción, pero no sé como hacer referencia al elemento en el que hago click, para así extraer el valor value
.