我正在Vue传单项目中使用L矩形。我正在创建一个矩形，如下所示：
<l-rectangle :bounds="rectangle"></l-rectangle>
它在.js文件中在我的地图上显示矩形：
new Vue({
el: '#app',
data: function() {
return {
rectangle: [[69.81310023846743, 16.929931640625004],[69.11310023846743, 16.129931640625004]]
}
}
});
我创建了一个地图单击事件，在此函数中，我正在更改矩形数组的坐标，以使矩形更改大小/形状。但是什么也没发生（该函数被调用，但是矩形没有改变）：
clickEvent:function(event)
{
var point = [event.latlng.lat,event.latlng.lng];
this.rectangle[0] = this.rectangle[0];
this.rectangle[1] = point;
}
感谢您的帮助和指导！
根据Vue文档，如果您为特定索引设置值，则数组的反应性将不起作用，而是可以使用Vue文档中提到的一些数组操作方法
push（）pop（）shift（）unshift（）splice（）sort（）reverse（）
下面的上述方法使数组具有反应性
点击事件可以替换为
clickEvent:function(event)
{
var point = [event.latlng.lat,event.latlng.lng];
this.rectangle.splice(0, 1, this.rectangle[0]);
this.rectangle.splice(1, 1, point);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句