vue.js - Openlayer 和 vuejs - addEventlistener 上的错误

Question

我正在尝试将 openlayer 与 vuejs 集成。

无论我尝试什么，我仍然有以下错误： Uncaught TypeError: target.addEventListener is not a function

经过一些研究，我在 vuejs 中找到了一些示例，但并没有真正帮助我。

我也尝试过 vuelayers。我得到了同样的错误。

任何想法 ？

编辑 ：

开放层版本：“ol”：“^6.4.3”，

vuejs 版本：“vue”：“^2.6.11”，

<template>
    <div class="w3-content">
        <div ref="map-root" id="map"></div>
    </div>
</template>

<script>
    import 'ol/ol.css';
    import { Map, View } from 'ol';
    import TileLayer from 'ol/layer/Tile';
    import OSM from 'ol/source/OSM';


    export default {
        data() {
            return {

            }
        },
        methods: {
             initMap() {
             const map = new Map({
                    target: this.$refs['map-root'],
                    layers: [
                        new TileLayer({
                            source: new OSM()
                        })
                    ],
                    view: new View({
                        center: [0, 0],
                        zoom: 0
                    })
                });
            }
        },
        mounted() {
            this.initMap();
        }
    }
</script>

标签： vue.jsopenlayers