vue高德地图组件化，解决组件复用时地图渲染失败问题

台小风

已于 2024-04-30 14:01:27 修改

阅读量445

点赞数 5

分类专栏： vue 文章标签： vue.js

于 2024-04-30 13:44:20 首次发布

本文链接：https://blog.youkuaiyun.com/thanoi/article/details/138342792

版权

vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在渲染地图时避免重复渲染的问题，提倡使用`ref`代替`id`，并提出利用`v-if`控制组件的生命周期以刷新数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    渲染地图时不可以渲染到同一个id上，这样会导致二次渲染不成功。最好用ref来标识，比如把< div id=“container”>改成< div ref=“container”>，在渲染时将new AMap.Map(“container”,{})改成new AMap.Map(this.$ref.container, {})，记得把id样式绑定，换成class样式绑定。
出现组件只初始化一次，导致无法刷新数据问题，可以使用v-if来控制组件的初始化和销毁。

关注博主即可阅读全文