43 lines
1.2 KiB
Vue
43 lines
1.2 KiB
Vue
<template>
|
|
<div class="field">
|
|
<label class="label" :class="estilos.texto">
|
|
Seleccioná tu región
|
|
</label>
|
|
<div class="control">
|
|
<div class="select">
|
|
<select @change="selectRegion({ region })" v-model="region">
|
|
<option :disabled="region_elegida" value=null>
|
|
Seleccionar
|
|
</option>
|
|
<option v-for="(region, index) in regiones"
|
|
:key="index"
|
|
v-text="region"
|
|
:name="region">
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {mapActions, mapGetters, mapState} from "vuex";
|
|
export default {
|
|
name: 'RegionSelect',
|
|
async mounted() {
|
|
await this.getRegiones();
|
|
},
|
|
data() {
|
|
return {
|
|
region: null,
|
|
};
|
|
},
|
|
methods: {
|
|
...mapActions("login", ["getRegiones", "selectRegion"])
|
|
},
|
|
computed: {
|
|
...mapState("login", ["regiones", "region_elegida"]),
|
|
...mapGetters("login", ["estilos"]),
|
|
}
|
|
}
|
|
</script>
|