vue-amap高德地图多边形在可编辑状态下时有高亮的圆点和暗一点的圆点,如图所示,如果直接拖动暗的圆点将会导致卡顿无法拖动,解决方法:
将path转义后赋值即可解决问题,示例如下:
<el-amap-polygon v-for="(polygon, index) in distributionArea" :key="index.toString()" :vid="index"
:ref="`polygon_${index}`"
:path="JSON.parse(JSON.stringify(polygon.effectArea))"
:editable="polygonIndex === index"
fillColor="rgba(21, 91, 212, 0.1)"
:borderWeight="2"
strokeColor="rgb(21, 91, 212)"
:events="{
click: ()=> {
return selectPolygon(index)
},
adjust: (event) => {
return changePolygonArea(index, event)
}
}"
></el-amap-polygon>
代码中polygon.effectArea为多边形的点坐标,JSON.parse(JSON.stringify(polygon.effectArea))的作用就是使其值不双向绑定,即可解决。
本文由 爱分享 原创编译,转载请注明出处:http://www.90tec.com/vue/117.html