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