为什么vue compent属性没有;t更新第二次打开它的时间

Question

我有一个vue组件，它的数据((属性为center2，基本上是lng,lat对象。此属性假定在每个位置更改时都会更新。但当我打开组件时，它会第一次更新。对于下一次尝试，它只显示我指定的默认值。

数据属性

data()
{
return {
center2: { lat: 0, lng: 0 },
}
}

这就是如何用位置观察程序中的位置更新它

this.center2.lat = Number(location.latitude);
this.center2.lng = Number(location.longitude);
console.log('MY',this.center2);

我可以在控制台上看到lat long很好地来了

原因是什么？

Answer 1

在Vue2中，您可能需要尝试在data((中返回center2。它看起来如下：

data() {
return {
center2: {
lat: 0,
lng: 0
}
}
}

则center2应与观察者一起正常更新。