在Vue.js中使用Leaflet或OpenLayers等库而不破坏DOM



用于在网页上显示地图的JS库以及我猜许多其他在网页上可视化数据的库通常会对DOM进行很大的修改。

如果我想将这样的库与Vue.js一起使用,而Vue.js没有合适的库适配,那么适配它们的最佳实践是什么,这样DOM才能正确更新,我可以安全地使用这些库?

就我个人而言,对于Vue或任何库,我只是处理JavaScript框架的生命周期。

在Vue中,我在mounted周期中创建了我的地图(请参阅官方文档中的图表(,因为像Leaflet这样的Openlayers都需要安装一个DOM元素来绑定与地图相关的元素。

这是一样的,如果使用React,你只需要使用componentDidMount(参见React生命周期图(

相关内容

  • 没有找到相关文章

最新更新