Question

我正在尝试将Larsavel的vue-google-maps软件包与文档一起使用，但是在文档中进行了最基本的设置后，我不断收到“ [Vue警告]：未知的自定义元素：-您是否正确注册了该组件？”错误。

app.js

require('./bootstrap');

window.Vue = require('vue');

import * as VueGoogleMaps from 'vue2-google-maps'

Vue.use(VueGoogleMaps, {
    load: {
      key: 'MY_KEY',
      libraries: 'places',
    },
  });

const app = new Vue({
    el: '#app'
});

**在我的刀片文件中**

<div id="app">
<GmapMap
:center="{lat:10, lng:10}"
:zoom="7"
map-type-id="terrain"
style="width: 500px; height: 300px">
<GmapMarker
    :key="index"
    v-for="(m, index) in markers"
    :position="m.position"
    :clickable="true"
    :draggable="true"
    @click="center=m.position"
/>
</GmapMap>
</div>

注意：我编译了JS，并在我的blade.html文件中引用了它。

Answer 1

vue2-google-maps 软件包不会自动安装所有组件。

要自动安装所有组件，必须将installComponents显式设置为true。

import * as VueGoogleMaps from 'vue2-google-maps';

Vue.use(VueGoogleMaps, {
  load: {
    key: 'MY_KEY',
    libraries: 'places'
  },
  installComponents: true
});

https://github.com/xkjyeah/vue-google-maps/blob/v0.10.5/src/main.js#L69

Laravel + vue-google-maps设置

1 个答案: