仅当我在浏览器上打开控制台模式时，Vue组件才会加载

Question

我已经在vue js中创建了此组件：

$(document).ready(function () {

    Vue.component('mappa', {
      mounted() { 
        console.log("redy;");
       this.initMap();
      },

      template: `
        <div class="map-wrapper">
          <div id="map" style="width: 800px; height: 600px"></div>
        </div>
      `,
       methods: {
            initMap() {
                $('#map').vectorMap({
                  map: 'world_mill',
                  backgroundColor: "transparent",
                  zoomOnScroll: false,
                  zoomButtons: false,
                  regionStyle: {
                    initial: {
                      fill: '#128da7'
                    }
                  }
                });
            },


              }
    })

}

并且我用html称呼模板

<mappa></mappa> 

但是，只有在我的Chrome浏览器中按f12键或在打开控制台的情况下加载页面时，才关闭它才能加载地图。

[仅当我在mu vue应用程序中加载地图时才会发生。在组件中，而且如果我使用纯JavaScript。相反，如果我将地图放在主Vue应用程序之外，它将完美加载。

console.log（“ redy;”）

而不是总是登录

我不使用节点，只是一个SPA。

怎么可能？有任何解决建议吗？

Answer 1

问题很简单（假设我的猜想是对的）