每次Google Maps Autocomplete
输入中发生更改时,我都需要显示地址。
问题在于,仅当我键入文本时它才起作用。当它显示选项并且我选择一个地址时,它不会写地址。
<div class="col-6">
<div class="form-group form-group-default">
<label for="maps_autocomplete">Adresa</label>
<input type="text" id="maps_autocomplete" class="form-control" v-model="address">
</div>
</div>
address:[[address]]
<script>
var app = new Vue({
delimiters: ['[[', ']]'],
el: '#app',
data: {
address: '',
business_type_text: '',
},
methods: {}
});
</script>
如何使其对选择地图选项有反应?
编辑
我尝试使用change
事件:
<input type="text" id="maps_autocomplete" class="form-control" v-bind:value="address" v-on:change="address = $event.target.value">
当我选择option时,它可以工作,但是它只在输入中写入字符类型,而不是整个地址。
所以,如果我写:
"Wash"
然后我选择:
"Washington"
它仅显示“ address:Wash”