Google商家信息自动填充Vue.js

我正在尝试在Vue.js中实施Google地方信息自动填充功能.

该API规定的Autocomplete类第一接受一个inputField:HTMLInputElement,如在其实施例中使用:

autocomplete = new google.maps.places.Autocomplete(
    /** @type {!HTMLInputElement} */(document.getElementById('autocomplete')),
    {types: ['geocode']});

既然我们不能通过Vue.js中的ID传递元素？如何实现这一目标,以及我们将通过何种结构？

例如,以下代码失败

有错误:

InvalidValueError: not an instance of HTMLInputElement

softcode.. 6

好吧,按照Matthew Jibin的建议使用ref,我得到了它.还有很多工作要做,但最初的障碍克服了.

一个补充,来自文档:

关于ref注册时间的一个重要注意事项:因为refs本身是由render函数创建的,所以你无法在初始渲染时访问它们 - 它们还不存在!

所以created()钩子不是正确的.mounted()是我们正在寻找的.

好吧,按照Matthew Jibin的建议使用ref,我得到了它.还有很多工作要做,但最初的障碍克服了.

一个补充,来自文档:

关于ref注册时间的一个重要注意事项:因为refs本身是由render函数创建的,所以你无法在初始渲染时访问它们 - 它们还不存在!

所以created()钩子不是正确的.mounted()是我们正在寻找的.