瀟湘沐
2021-06-21 18:23:59
我正在嘗試使用谷歌地圖和插件https://www.npmjs.com/package/vue2-google-maps構(gòu)建一個(gè) vue 谷歌地圖組件。我已經(jīng)使用 npm 安裝了插件,并且當(dāng)我的 googleMap.vue 組件開(kāi)始工作時(shí):--> <!-- :center="{lat: 30.08674842, lng: -97.29304982}" --> <GmapMap :center="{lat: latitude, lng: longitude}" :zoom="15" map-type-id="terrain" style="width: 500px; height: 300px" > </GmapMap> </span> </v-flex> </v-container> </div></template><script> var latitute = 30.08674842 var longitude = -97.29304982 import { gmapApi } from 'vue2-google-maps' export default { // name:'myMap' latitute:latitute, longitude:longitude, }<當(dāng)我運(yùn)行這個(gè)時(shí),我得到: ERROR [Vue warn]: Property or method "longitude" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.我怎樣才能解決這個(gè)問(wèn)題?
1 回答

繁星點(diǎn)點(diǎn)滴滴
TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超3個(gè)贊
您需要使您的屬性具有反應(yīng)性data:
export default {
data () {
return {
latitude: latitude,
longitude: longitude
}
}
你導(dǎo)出的對(duì)象是一個(gè) Vue 配置對(duì)象,只有它識(shí)別的屬性才會(huì)有任何影響。雖然將其視為類(lèi)定義可能會(huì)很方便,但實(shí)際上并非如此。無(wú)法識(shí)別的屬性,如latitudeand longitude,只會(huì)被丟棄,不會(huì)成為組件實(shí)例的成員。
如果您希望某些東西可用,因?yàn)閠his.blah您需要將其定義blah為 prop、數(shù)據(jù)屬性、計(jì)算屬性或方法。在模板中this.是隱式的,但同樣的規(guī)則適用。
更新:更正latitute了從原始代碼中復(fù)制的錯(cuò)字。
添加回答
舉報(bào)
0/150
提交
取消