,可以通过以下步骤实现:
import VueGoogleAutocomplete from 'vue-google-autocomplete';
export default {
components: {
VueGoogleAutocomplete
},
data() {
return {
inputValue: ''
};
},
methods: {
clearInput() {
this.inputValue = '';
}
}
}
<template>
<div>
<vue-google-autocomplete
v-model="inputValue"
:placeholder="'Enter address'"
></vue-google-autocomplete>
<button @click="clearInput">Clear</button>
</div>
</template>
methods: {
clearInput() {
this.inputValue = '';
}
}
这样,在调用clearInput函数后,vue-google-autocomplete组件的输入字段将被清空。
关于vue-google-autocomplete组件的更多信息,您可以参考腾讯云提供的相关产品:腾讯云地图 JavaScript API。该产品提供了丰富的地图功能和组件,包括地址自动完成组件,可以满足您在Vue.js中调用函数后清除输入字段的需求。
领取专属 10元无门槛券
手把手带您无忧上云