get countries when opening modal + fix select placeholders

This commit is contained in:
Mathieu Jaumotte 2021-05-12 10:43:12 +02:00
parent cb846891d6
commit c6525be444
4 changed files with 12 additions and 10 deletions

View File

@ -155,13 +155,12 @@ export default {
}
}
},
mounted() {
this.getCountries();
},
methods: {
openModal() {
this.modal.showModal = true;
this.resetAll();
this.getCountries();
//this.$nextTick(function() {
// this.$refs.search.focus(); // positionner le curseur à l'ouverture de la modale
//})
@ -208,9 +207,12 @@ export default {
},
resetAll() {
console.log('reset all selected');
this.address.selected.address = {};
this.address.loaded.addresses = [];
this.address.selected.address = {};
this.address.loaded.cities = [];
this.address.selected.city = {};
this.address.selected.country = {};
console.log('cities and addresses', this.address.loaded.cities, this.address.loaded.addresses);
}
}
}

View File

@ -1,8 +1,8 @@
<template>
<div class="container">
<select
v-model="selected"
v-bind:placeholder="$t('select_address')">
v-model="selected">
<option :value="{}" disabled selected>{{ $t('select_address') }}</option>
<option
v-for="item in this.addresses"
v-bind:item="item"

View File

@ -1,8 +1,8 @@
<template>
<div class="container">
<select
v-model="selected"
v-bind:placeholder="$t('select_city')">
v-model="selected">
<option :value="{}" disabled selected>{{ $t('select_city') }}</option>
<option
v-for="item in this.cities"
v-bind:item="item"

View File

@ -1,8 +1,8 @@
<template>
<div class="container">
<select
v-model="selected"
v-bind:placeholder="$t('select_country')">
v-model="selected">
<option :value="{}" disabled selected>{{ $t('select_country') }}</option>
<option
v-for="item in this.countries"
v-bind:item="item"