Vue.js vue-2谷歌地图自动完成的Vuetify文本字段

我正在尝试使用Vue2谷歌地图插件的Vuetify文本字段，但它不起作用。代码如下：

<gmap-autocomplete class="introInput" >
      <template v-slot:input="slotProps">
                <v-text-field outlined
                       prepend-inner-icon="place"
                       placeholder="Location Of Event"
                       ref="input"
                       v-on:listeners="slotProps.listeners"
                       v-on:attrs="slotProps.attrs">
                </v-text-field>
        </template>
</gmap-autocomplete>

我正在尝试将google places auto complete添加到如下文本字段中：

<v-text-field
    ref="search"
    v-model="data"
    placeholder
    label="Address"
    outlined
    auto-grow
    rows="1"
    color="teal">
</v-text-field>

下面是插件的文档