Google autocomplete组件需要刷新才能正确加载Vuejs
Google Autocomplete组件是一个用于实现自动补全功能的组件，它可以在用户输入时提供相关的建议和补全选项。在Vue.js中使用Google Autocomplete组件时，有时候需要手动刷新才能正确加载。
Google Autocomplete组件的主要作用是提供一个搜索框，当用户输入关键词时，它会自动显示相关的建议和补全选项。这个组件可以帮助用户快速找到他们想要的信息，提高用户体验。
在Vue.js中使用Google Autocomplete组件时，需要注意以下几点：
- 引入Google Autocomplete组件：首先，需要在Vue.js项目中引入Google Autocomplete组件。可以通过npm安装相关的依赖包，或者直接在HTML文件中引入相关的脚本。
- 配置Google Autocomplete API：在使用Google Autocomplete组件之前，需要在Google开发者控制台中创建一个项目，并启用Google Places API。然后，获取API密钥，并将其配置到Vue.js项目中。
- 组件初始化：在Vue.js的组件中，需要初始化Google Autocomplete组件，并设置相关的选项和事件处理函数。可以通过调用相关的方法来实现组件的初始化和配置。
- 刷新组件：有时候，在Vue.js中使用Google Autocomplete组件时，可能会遇到组件无法正确加载的问题。这时，可以尝试手动刷新组件，以确保它能够正确加载和显示。
Google Autocomplete组件的优势在于它可以提供准确和实时的建议和补全选项，帮助用户快速找到他们想要的信息。它可以应用于各种场景，比如搜索框、地址输入、地点选择等。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储、人工智能等。对于Google Autocomplete组件的使用，可以考虑使用腾讯云的云服务器来部署和运行Vue.js项目，使用云数据库来存储相关的数据，使用云存储来存储和管理静态资源，使用人工智能服务来处理和分析相关的数据。
以下是腾讯云相关产品的介绍链接地址：
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云云存储：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
需要注意的是，以上答案仅供参考，具体的实现方式和产品选择应根据实际需求和情况进行评估和决策。
相关·内容
1回答
嗨，伙计们，我在实现谷歌自动完成时出错了。下面是我们的设想
蓝色的它工作得很好，但是当我把它换成红色的时候，它就不起作用了。
现在，当我把它放在红色箭头指向的线上时，我得到了这个错误
作为参考，我正在使用这个：，我也尝试过这个
它工作得很好，但当我把它放在循环中时，它就不起作用了。看来挂载状态出现了错误。这是我挂载()的代码
//this is the current I used
this.$refs.address.focus();
//this is for the 2nd one
/*this.autocomplete = new google.maps.places.Aut
浏览 0提问于2018-09-12得票数 0
回答已采纳
2回答
我在Aurelia中创建了三个与Google相关的元素，我以嵌套的方式使用它们，其中我有一个基本的GoogleMap元素，在这个基础上我有一个GoogleMapLocationPicker元素，在这个基础上还有一个GoogleMapAutocomplete元素。
这一切都很好，但我遇到的问题是，当我试图从我的GoogleMap元素中访问我的子GoogleMapAutocomplete元素时，我必须将我的代码放在一个任意的setTimeout中，或者我尝试访问不存在的属性时会出错。
我真的不喜欢仅仅在setTimeout上使用200 my，并且希望它永远不会失败，所以我想知道是否有官方的方法来知
浏览 7提问于2016-10-04得票数 2
回答已采纳
1回答
我希望在模板的jquery函数中包含一个使用onRendered的脚本。
这是密码
Template.Admin_users.onRendered(function(){
var instance = this;
instance.autorun(function(){
if($){
console.log($);
console.log("jquery");
$("#Users.collection-item").click();
浏览 3提问于2017-05-09得票数 1
回答已采纳
2回答
我有一个JForm/JFrame，希望在用户提交表单后刷新或重新加载。但是窗口不会关闭。只有在repaint()是正确的解决方案或任何其他解决方案时，才能刷新JForm。
我该怎么做呢？
浏览 0提问于2012-06-27得票数 0
我制作了一个带有输入的组件，用于加载google autocomplete (InputPlace.vue)，并在两个视图中使用它:主页和搜索。
第一次加载web时，它工作正常，我使用主视图中的组件选择一个位置并重定向到搜索视图。在那之后，我尝试再次使用它，现在从搜索视图，但它不显示位置。所以，我需要F5来让它再次工作。
在此之后，如果我回到主视图并再次尝试使用该组件，它不起作用。和以前一样，我需要F5。
这是我的组件(InputPlace.vue)：
<template>
<label class="form-label-place" for="
浏览 7提问于2019-03-23得票数 1
回答已采纳
2回答
我正在Django网站上工作，我希望在Django呈现的模板中“散布”一些Vue组件。我在一个单独的存储库中工作，并让webpack设置来创建我在Django模板中使用的style/js包。 我正在努力让功能以我想要的方式工作，主要是关于无呈现的Vue组件，因为我想在Django模板中处理所有(或至少绝大多数) html，并在某些地方只使用Vue组件来实现一些逻辑。 我使用了here的一些建议，但它并没有像他们建议的那样工作(尽管这正是我希望它能工作的方式)，我觉得我需要利用作用域插槽。 我使用Vue esm发行版来包含Vue编译器。 我目前使用的设置如下： // webpack_entry
浏览 30提问于2020-04-10得票数 3
我刚从react类学来，对钩子和功能组件了如指掌。我有一段加载地图脚本的代码
let autoComplete;
// dynamically load JavaScript files in our html with callback when finished
const loadScript = (url, callback) => {
let script = document.createElement("script"); // create script tag
script.type = "text/javascript";
浏览 14提问于2021-06-03得票数 0
我想使用Javascript自动刷新我的网页，而用户可以选择使用两个不同的按钮打开/关闭自动刷新功能(请注意，这些按钮使用的是<label>和<input>标记)。我已经尽力编写了这段代码，但我仍然不知道如何将这两个代码连接起来，这样它才能正确运行。
另外，如果用户选择了自动刷新的按钮，我希望在第一次加载之后继续保持自动刷新，而不是仅仅自动刷新一次。
请你帮我更正一下密码好吗？谢谢。
打开和关闭按钮的代码(两个单独的按钮)：
<div class="page-header-actions" data-toggle="buttons"
浏览 2提问于2017-01-23得票数 4
回答已采纳
我正在努力使自动完成谷歌地图API工作。然而，每当我加载页面时，我都会得到一个错误“未定义的ReferenceError: google未定义”
HTML
<label>Location</label>
<input id="location_field" type="text" class="form-control" placeholder="Location">
JAVASCRIPT
let locationField = document.getElementById('loca
浏览 5提问于2020-06-15得票数 0
回答已采纳
1回答
我想在我的VUEJS模块中使用一个混合器：
模块
<script>
var GoogleMaps = require('../mixins/GoogleMaps');
export default {
mixins: [GoogleMaps],
events: {
MapsApiLoaded: function(data) {
GoogleMaps.initGISMap(data);
}
},
}
</script&
浏览 0提问于2016-05-10得票数 1
1回答
我通常使用ref关键字来访问vue中的组件。但我似乎还不明白如何从组件中访问HTML标记。
我试过：
<input type="text" ref="searchAddress" id="searchAddress" name="searchAddress" class="form-control" v-model="incidentForm.searchAddress">
在vue组件中：
var input = this.$refs.searchAddress;
但是这不起作用，所以
浏览 0提问于2017-05-11得票数 3
回答已采纳
1回答
我正在学习react，并试图在rails应用程序中使用react on rails gem创建一个Google places自动完成组件。这是我目前所拥有的，需要一些帮助来完成它。
我想我在正确加载Google javascript库时遇到了问题。查看下面来自控制台的错误消息(请注意，我的应用程序中运行了正确的密钥)。
Navigated to https://react-on-rails-basic-tutorial-mcl282.c9users.io/
js?key=[KEY]&libraries=places&callback=initAutocomplete:102 U
浏览 14提问于2017-02-21得票数 3
回答已采纳
1回答
我正在使用VoiceOver和Google Chrome，并试图弄清楚为什么在React SPA应用程序中从页面A移动到页面B(无硬页面刷新，通过react-router使用HTML5推送应用程序接口)不会触发VoiceOver的DOM解析刷新。 我使用Accessibility Inspector进行了检查，但在加载Page B时，整个应用程序被认为是一个没有子项的大组。如果我关闭VoiceOver，然后在页面B上重新打开它，那么它就会神奇地被解析。 这在Safari上不是问题。 你知道我怎么才能让VoiceOver解析这棵树吗？
浏览 20提问于2021-02-05得票数 0
1回答
我想创建一个autocomplete组件，所以我有以下代码。
<Input v-model="form.autocomplete.input" @on-keyup="autocomplete" />
<ul>
<li @click="selected(item, $event)" v-for="item in form.autocomplete.res">
{{item.title}}
</li>
</ul>
autocomplete(e
浏览 36提问于2018-06-08得票数 0
回答已采纳
我在JQuery中异步加载谷歌地图和地点：
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = "http://maps.google.com/maps/api/js?key=myKey&libraries=places&sensor=false&async=2&callback=MapApiLoaded";
document.body.appendChild(script)
浏览 3提问于2013-06-17得票数 1
1回答
我正在从事一个项目，其中需要在父组件的ngInit()上设置文本输入数据。
基本上，我有一个组件，这是一个Google下拉列表，我有一个主要的AutoComplete页面来填充这个组件。
如何从调用此组件的主页面中设置值？
我遵循的是与完全相同的源代码。
这里我有一个AutocompleteComponent，它负责在下拉列表中显示位置。这是从app.component.html加载的。
我想从AutoCompleteComponent addresstext输入文本框中为app.component.ts设置一些值。可能来自ngInit() of app.component.ts。
我怎样才能
浏览 6提问于2020-05-10得票数 0
回答已采纳
我不知道如何将我的google代码加载到不在HTML页面的脚本之外。
我知道错误：
Error: google is not defined
Source File: http://localhost:3000/javascripts/google-map.js?1319030830
Line: 57
这是它所说的台词：
google.maps.event.addDomListener(window, 'load', initialize);
下面是我的google-map.js文件的完整代码：
function initialize() {
var mapOption
浏览 0提问于2011-10-19得票数 0
我正在使用自动完成分组组件？我希望在加载或刷新组件时已经选择了默认值。
代码在代码下面
<Autocomplete
id="grouped-demo"
className={'input-dropdown'}
options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
groupBy={(option) => option.firstLetter}
getOptionLabel={(option) =>
浏览 0提问于2020-06-24得票数 0
2回答
我使用的是Laravel5.6和Vuejs 2，我是Vuejs的初学者，并且被困在布局结构中。我想使用laravel作为后端API和前端完全在Vuejs，这样我可以移动到不同的页面，而无需刷新浏览器。
我在components文件夹中创建了这些
Components
-INCLUDES
- navbar.vue
- footer.vue
-PAGES
- about.vue
- contact.vue
-AUTHENTICATION
- login.vue
- register.vue
- resetpassword.vue
我安装了Vue路由器，并在资产中创建了一个routes
浏览 1提问于2018-03-15得票数 0
回答已采纳
我有这个基本组件，但是每当我尝试用React测试它时，屏幕上唯一的东西就是带有“加载”文本的div。我认为这是因为当组件首次加载时，isLoaded可能没有值。
我如何告诉React测试库等待直到isLoaded是true，这样它才能在页面上找到其他元素？
import {
GoogleMap,
useJsApiLoader,
Autocomplete,
Marker,
} from "@react-google-maps/api";
export const Map = () => {
const { isLoaded } = useJsApiLo
浏览 26提问于2022-02-20得票数 1
问题：
对于包含此字体的元素，不同的字体需要稍微不同的样式。此组件的样式是在JS中计算的。当When字体加载字体并在DOM中更改它时，我的组件不会被刷新。我想使用Webfont加载器回调来强制这个组件重新加载。在顶层- index.js (它位于App.js之上)上指定了Web字体配置：
// webfontloader configuration object. *REQUIRED*.
const config = {
google: {
families: ['Roboto:500']
},
custom: {
families: ["R
浏览 2提问于2019-08-25得票数 0
回答已采纳
在向数据库发送post请求之后，我想刷新通过get请求从数据库获取其值的cardData数组。我已经编写了这个saveDraft()函数，它在单击时将值添加到cardData数组中，但我需要刷新页面或单击两次才能看到更改。有没有一种方法可以在不刷新页面的情况下动态完成？
saveDraft() {
Api.createComment({
// it's a post request
})
.then(res => {
if (response.status == 200) {
浏览 1提问于2020-08-13得票数 2
我正在 textbox的onkeyup()事件中实现地址自动完成功能。
我希望只有在用户输入至少7个字符之后，才能启动自动完成功能。
它第一次很好用。但是，一旦用户清除了输入框，那么即使输入了单个字符，自动完成也可以工作。
这是因为实现它的javascript代码已经存在。在重新加载页面后，它将按需要再次工作。
是否存在不需要重新加载页面的情况下使其工作。
以下是我的代码：
<asp:textbox id="txtAddressInput" runat="server" autocomplete="false" onkeyup="i
浏览 4提问于2016-07-25得票数 0
嗨，我从谷歌地图开发者网站得到了这段代码。在此代码中，它将使用Google自动填充地址，并完成地址表单。现在我要从地址中得到‘位置’值和'placeId‘值。我怎么才能拿到呢？
<head>
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
<script src="https://maps.googleapis.com/m
浏览 2提问于2015-07-22得票数 1
回答已采纳
此代码通过将address组件提取到单独的表单字段中正确工作，但我的问题是它迫使我将HTML输入ID命名为address组件。例如，使用下面的.js代码，我需要：
<html>
<input id="postal_code"> and
<input id="locality">
</html>
如何更改.js语法，使其仍然检索"postal_code“和"locality”组件，但将它们插入我命名的表单字段：
<html>
<input id="zip_code"&
浏览 0提问于2018-12-05得票数 0
回答已采纳
我在工作中使用了Google places API，一切都很正常。然而，我有一个独特的场景，我需要有多个递送地址，因此我需要让Google place API以这种方式工作。
下面是我当前的代码：
<template>
<div>
<div v-for="(search, index) in searchInput" :key="index">
<input type="text" ref="search" v-model="search.city"
浏览 5提问于2020-06-09得票数 0
var autocomplete = new google.maps.places.Autocomplete(input, optionsAuto);
google.maps.event.addDomListener(window, 'load', function(){
//get the autocomplete input value here
//I want to use autocomplete.getPlace() here
});
我可以在传递autocomplete对象时使用'place_changed‘侦听器做到这一点，但我无法在刷新页面
浏览 2提问于2014-04-16得票数 0
晚上好，先生， 我有一个vuex盲人，我从Json的Laravel那里得到了数据。例如，为了从登录的用户接收数据，我使用他的令牌发出请求，该令牌将他的数据发送给我，这些数据存储在盲人数据库中。 我可以选择在页面加载时发出此请求，也可以在每次更改组件时进行选择。除了我的印象是，每次更改组件都会消耗大量资源。但是在页面刷新时这样做不会给我提供可靠的数据。 下面是我在store中的操作： const actions = {
setUsers: async (context) => {
let uri = '/api/auth/me'
浏览 27提问于2020-08-15得票数 0
1回答
不以vuejs呈现的道具值
、、、、
我试图在Laravel5.3应用程序中用vuejs创建ajax表单组件。但是，我想，我已经停留在显示表单字段了。有人能帮我吗？
用于渲染表单的前端：
<ajax-form
:autocomplete=false
:schema="[{
label: 'Username:',
type: 'text',
id: 'username',
name: 'username',
placeholder: 'Eg. johnd
浏览 4提问于2016-10-29得票数 0
1回答
我将一个VueJS组件Image导入到另外两个不同的组件A和B中。Image在A上可以按预期工作，但在B上不能(我最初在JS控制台中得到did you register the component?错误)。A和B的导入语句完全相同。 当我转到B并将Image的导入语句更改为包含.vue和save时，应用程序会自动刷新，B上的所有内容都会按预期运行。我一手动刷新浏览器，B的Image就不再起作用。 然后我将返回B，从Image的导入语句中删除.vue并保存，然后应用程序会自动刷新，B上的所有内容都会按预期运行。我再次手动刷新浏览器，B的Image不再运行。 同时，A在整个过程中继续工作，没有变
浏览 7提问于2020-12-04得票数 0
1回答
我对Svelte非常陌生，我正在尝试制作一个web组件，该组件调用Google的库。我在Svelte组件上加载了库，但是当我想将自动完成函数传递给我的输入时，它会显示错误: InvalidValueError:不是HTMLInputElement的一个实例。
这就是我迄今为止尝试过的：
<svelte:head>
<script
defer
async
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDaZc7Jr7pDoK3TWcDiv-SjqiJ0iKz15Go&li
浏览 3提问于2022-03-09得票数 0
1回答
Vue.js破坏Google功能
、、、、
目前，代码使用Vue.js来管理输入和发布请求，并使用JavaScript来处理诸如Google功能之类的事情。
问题是，当我们将div id包装到页面上的所有当前HTML以使Vue.js功能正常工作时，它会导致JavaScript文件中的Google代码不正确地运行，并且加载页面时没有地图。一旦删除Vue.js id (adminVenueVue)，映射就能正常工作。
在尝试调试该问题时，负责更新映射的函数似乎不会一直运行，并且在创建侦听器函数时停止，因为后面不会运行以下代码。下面显示这个函数，如果您需要更多的代码，请告诉我。
function initCreateUpdateVenue()
浏览 1提问于2018-07-23得票数 0
回答已采纳
我有一个要求，我将在相同的VF页面在Salesforce的计费地址和发货地址。
对于这两个地址，我都使用Autocomplete &我已经创建了一个组件，在VF页面上使用它两次。
问题:当我在VF页面上一次使用VF组件时，一切正常，但是当我两次添加相同的VF页面组件时，它就停止工作了。我不知道地址
请建议如何解决这个问题。
组件代码:
<apex:component controller="GoogleComponentController">
</apex:form> --->
<apex:attribute type=
浏览 4提问于2015-10-02得票数 1
1回答
我有一个应用程序，它显示一个谷歌地图与地点自动完成控制器添加到它就像这个
当搜索并选择了一个地址，或者地图边界发生变化时，我会调用algolia search，它有一个onResult事件，在收到响应时会触发该事件。
我正在尝试将所有这些都转换为VUE js组件。我已经设法获得了一个google地图组件和一个自动完成组件。
我首先加载自动完成，然后让google地图的挂载部分将其附加为控制器。
我开始关注的是组件之间的互操作性。
即在位置改变时，这是一个自动完成事件。我需要重新调整地图的中心并进行搜索。
但如果它们是两个不同的组件，我就无法获得对google地图的引用。
当我把agolia搜索
浏览 2提问于2018-08-23得票数 0
我已经在vue-router 4中设置了一个route，它应该根据用户是否登录来动态加载component。我是这样做的(也许还有更好的方法？)： import Personal from '../views/Personal.vue';
import Public from '../views/Public.vue';
routes: [
{
path: '/',
component: async () => {
const isLoggedIn = await authe
浏览 79提问于2021-10-02得票数 0
回答已采纳
1回答
var autocomplete;
function initialize() {
autocomplete = new google.maps.places.Autocomplete(
(document.getElementById('autocomplete')), {
types: ['address']
});
google.maps.event.addListener(autocomplete, 'place_changed', function() {
浏览 1提问于2015-07-01得票数 5
我想要制作一个搜索组件，它接收一个对象，然后通过用户输入过滤它。然后再把它传递给家长，显示我过滤过的内容。(Nuxt)
// Parent component
<AppSearch :bookmarks="bookmarks" />
...
bookmarks = [ { "title": "Facebook", "url": "https://facebook.com" }, { "title": "Google", "url": "htt
浏览 5提问于2022-01-19得票数 3
回答已采纳
我正在使用谷歌的自动完成API来改进我的表单中的地址输入。
我使用的是GoogleMapsLoader加载器，它一旦加载就会分派操作：
GoogleMapsLoader.onLoad(function() {
store.dispatch(GoogleActions.loaded());
});
在React组件中，我有以下输入：
if (google.status === 'LOADED') {
inputGoogle = <div>
<label htmlFor={`${group}.google`}>Auto Com
浏览 8提问于2016-10-25得票数 19
回答已采纳
我有使用谷歌地图服务搜索位置的模式。我得到了TypeError: Cannot read properties of undefined (reading 'nativeElement')的错误
HTML
<input
type="text"
[ngClass]="{ error_border: submitted && f.location.errors }"
class="form-control"
浏览 17提问于2022-01-04得票数 2
我正在尝试使用来自Google Maps的autocomplete地图，我的整个代码都可以工作：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:head
浏览 2提问于2013-05-05得票数 0
回答已采纳
3回答
VueJS组件
、、、
我想使用VueJS组件来清理我的脚本。因此，我有一个组件的每一页，我要加载到Laravel。到目前为止一切都很好。但是，我在将当前的脚本逻辑转换为组件时遇到了问题。
这是当前的脚本设置，导入要使用的组件：
main.js
import HomeView from './components/HomeView.vue';
import IncidentView from './components/IncidentView.vue';
window.app = new Vue({
el: '.content',
components
浏览 6提问于2016-05-10得票数 14
回答已采纳
我正在使google place自动完成搜索功能在我的角度应用程序中，当我运行该应用程序时，cli给出了错误消息。
角cli版- 7.3.8
app.module.ts
import { GooglePlaceModule } from "ngx-google-places-autocomplete";
import { AgmCoreModule } from '@agm/core';
google-place.components.ts
declare const google: any;
import { MapsAPILoader } from '
浏览 1提问于2019-04-12得票数 1
1回答
我已经实现了vue-i18n的本地化。
我的main.js
import Vue from 'vue'
import { i18n } from './plugins/i18n'
import Cookie from "vue-cookie";
if (!Cookie.get('locale')) {
Cookie.set('locale', 'en', 1)
}
new Vue({
el: '#app',
router,
i18n,
te
浏览 0提问于2018-12-29得票数 2
回答已采纳
我在使用VueJS和Element UI https://element.eleme.io/#/en-US/component/input#autocomplete-attributes时遇到了一个很大的问题，我使用了AutoComplete组件，我希望单击输入(onFocus事件)，我的建议就会重新出现 <el-autocomplete
id="inputID"
name="inputName"
class="inputClass"
v-mo
浏览 4提问于2019-04-23得票数 0
我已经实现了谷歌地图的“地点搜索框”，这是相当好的工作，但有时地方是不确定的.
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAE0jVybaY4jzT3irMM9g8THf3qGF6V9xE&callback=initMap&libraries=places"
async defer></script>
搜索框：
function initMap() {
var defaultBounds = new google.maps.LatLngBounds
浏览 1提问于2017-01-31得票数 1
回答已采纳
使用Google Maps AutocompleteService，有没有办法获得getpredictions调用的回调函数。
const options = {
types: ['geocode'],
componentRestrictions: {country: 'us'},
placeIdOnly: true
};
const autocomplete = new google.maps.places.Autocomplete(autocompleteInput, options);
autocomplete.addListener('
浏览 31提问于2018-01-17得票数 0
下面您可以从自动完成的MUI文档中找到一个示例，在这里，我在选项列表之前传递了一个指向google的链接。但是，我不能单击该选项，事件目标只是MuiAutocomplete，而不是我要传递的<a>。
import React from "react";
import TextField from "@material-ui/core/TextField";
import Paper from "@material-ui/core/Paper";
import Autocomplete from "@material-ui/l
浏览 4提问于2019-12-11得票数 4
回答已采纳
我有一个文本输入，它是一个带有按钮的挠性容器。如果该框是可见的，则用户可以单击箭头折叠/隐藏该框，如果隐藏的单击将显示该框。在init上，我还附加了一个@ViewChild，以便能够访问输入。
我的问题是，当我初始拥有showTextInput=true并显示输入时，这是很好的。当我稍后单击“隐藏”时，该框将被正确删除，另一次单击将再次显示它。但似乎在我把盒子藏起来并再次显示出来之后，它似乎不再有听众的连接。我试着在设置initAutoComplete()时调用showTextInput=true，但是它会发出抱怨。
错误TypeError:无法读取未定义的属性“nativeElement”
浏览 4提问于2021-03-25得票数 0
回答已采纳
1回答
当输入某些键时，我希望能够集中注意输入字段。我想要关注的输入存在于自动完成-vue中。这就是我所说的：
<autocomplete v-shortkey="['alt', 's']"
@shortkey.native="theAction()"
ref="autocompleteInput"
></autocomplete>
theAction方法，我想让我专注于输入，如下所示：
theAction () {
this.$
浏览 1提问于2022-01-07得票数 3
回答已采纳
我想找一个特定地点周围的地方。我尝试使用选项位置，半径和严格界限。但是，它总是返回所有在美国的地址。
我的代码看起来像：
(def Autocomplete (oget js/window "google.maps.places.Autocomplete"))
(defn mount-autocomplete [ctx form-props el]
(let [autocomplete (Autocomplete. el #js {:location #js {:lat 40.730610 :lng -73.935242} :radius 15 :strictBounds
浏览 1提问于2019-02-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
