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

View File

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

View File

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

View File

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