Vue JS-v-on:change没有获得当前值

时间:2019-09-20 15:25:14

标签: javascript html vue.js

每次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”

0 个答案:

没有答案