我引用了一个组件
<Gmap ref="mapRef">
在这里，我这样做，只是为了看看对象是可用的
mounted(){
let self = this
console.log(self.$refs) // Shows the mapRef object reference
console.log(self.$refs.mapRef) // returns undefined ???
}
赛尔夫$裁判显示...
mapRef: VueComponent {_uid: 207, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}
那么为什么赛尔夫$裁判.mapRef返回未定义？？
我用v-show而不是v-if解决了这个问题.
我把组件放在了一个v-if语句中.
<div v-if="!isLoading">
<GMap ref="mapRef" />
</div>
我只是把它改成了v秀
<div v-show="!isLoading">
<GMap ref="mapRef" />
</div>
现在该对象在mounted()中可用.还是觉得奇怪，控制台.日志(log)(此.$refs)显示它可以作为此上的键使用$裁判，尽管事实并非如此？这是奇怪的行为.
另一件事是，即使我试图访问这个$裁判.mapRef在我的数据加载部分，数据加载后(即isLoading=false)，我仍然无法访问它.尽管如此，它应该是可用的，因为v-if通过了.
所以v-show解决了这个问题，只是隐藏了div，而不是不渲染它.愚蠢的小办法.