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