Vue.js 如何在我的对象中添加计算数组?

Vue.js 如何在我的对象中添加计算数组?,vue.js,Vue.js,对于地图中的位置,我希望在对象中添加一个计算数组,如下所示: marker: L.latLng(33.901445, -5.532788), 实际数据: Projects: [ project [0]:{ lat : 10.0 lng: -10.0 }, project [1]:{ lat : 15.0 lng: -15.0 }, ], 我想要的结果: Projects: [ project [0]:{ lat : 10.0 lng: -10.0 mar

对于地图中的位置,我希望在对象中添加一个计算数组,如下所示:

marker: L.latLng(33.901445, -5.532788),
实际数据:

Projects: [
project [0]:{
  lat : 10.0
  lng: -10.0
},
  project [1]:{
  lat : 15.0
  lng: -15.0  
},
 ],
我想要的结果:

Projects: [
project [0]:{
  lat : 10.0
  lng: -10.0
  marker : L.latLng(10.0, -10.0)
},
  project [1]:{
  lat : 15.0
  lng: -15.0
  marker : L.latLng(15.0, -15.0)
},
 ],

谢谢

我想您需要一个简单的方法,可以为您返回一个对象。你在用什么


{{projects}}
导出默认值{
名称:“应用程序”,
方法:{
设置标记位置(纬度,液化天然气){
返回{lat:lat,lng:lng};
},
addMarkerPosition(项目){
project.markerCenter=this.setMarkerPosition(project.lat,project.lng);
console.log(项目);
}
},
安装的(){
this.projects.forEach(project=>{
本.添加标记位置(项目);
});
},
数据(){
返回{
项目:[
{
lat:10.0,
液化天然气:-10.0,
markerCenter:null
},
{
lat:15.0,
液化天然气:-15.0,
markerCenter:null
}
]
};
}
};

我找到了这个代码,谢谢

导出默认值{
计算:{
NewObject(){
返回此.projects.map(项目=>{
设p=项目;
p、 标记=[{
lat:project.lat,
液化天然气:project.lng,
}];
返回p;
});
},
}
}
在模板中:



您能否提供更多的上下文,也许是一个代码示例,说明您正试图做什么。我不确定你想要的是什么,但根据这里的情况很难说。谢谢你的关注。我为你更新了帖子。我从数据库而不是地图导入本地化。我想在我的数据中创建一个对象,作为正确使用它的示例。上面的操作就可以了。谢谢您的关注!你介意展示一个你将如何使用它的最后例子吗?我很好奇,当然。我为你祈祷。
<div class="col-md-4"  v-for="project in NewObject">
  <l-map :zoom="zoom" :center="project.marker[0]" @click="">
    <l-tile-layer :url="url" :attribution="attribution"></l-tile-layer>
    <l-marker  :lat-lng="project.marker[0]" @click=""></l-marker>
  </l-map>
</div>