第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

[Vue 警告]:未定義屬性或方法

[Vue 警告]:未定義屬性或方法

瀟湘沐 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ò)字。


查看完整回答
反對(duì) 回復(fù) 2021-06-24
  • 1 回答
  • 0 關(guān)注
  • 386 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)