[Vue warn]: Do not use built-in or reserved HTML elements as component id: Map about vue-amap

[AxeMea]

@zhangwei900808

你好，能贴下你的代码吗？

[zhangwei900808]

<template lang="html">
  <div class="amap-wrapper">
    <el-amap vid="amapDemo">
    </el-amap>
  </div>

</template>

<script>
export default {

}
</script>

<style lang="css">
.amap-wrapper {
  width: 500px;
  height: 500px;
}
</style>

[zhangwei900808]

<template lang="html">
  <map></map>
</template>

<script>
import Vue from 'vue'
// 引入vue-amap
import AMap from 'vue-amap';
import map from '../components/Map.vue'
Vue.use(AMap);

// 初始化vue-amap
AMap.initAMapApiLoader({
    // 高德的key
    key: '',
    // 插件集合
    plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor']
});

export default {
  components:{
    map
  }
}
</script>

<style lang="css">
</style>

[zhangwei900808]

能看出来什么问题吗

[AxeMea]

你能把 map 这个命名换一下吗比如换成 custom-map 这种，试一下。

[zhangwei900808]

对的，我刚换成下面那样就好了，原来是命名规范问题，谢了

export default {
  components:{
    'el-map':map
  }
}