javascript - 如何在脚本中使用 v-for

Question

我有只接受 sting 值的地图数据，并且数据必须放在脚本中（不允许从模板传递数据）。

我有一系列数据，我希望在地图气泡中显示，但为此我需要循环这些数据。

到目前为止，我可以获得我的数据，但我无法循环它们。

代码

let defCores = el.cores;
let cores = []; // gives me array of data with variables of name and color
for(let i = 0; i < defCores.length; i++){
    cores.push({core:defCores[i].name, color:defCores[i].color})
}

// looping my data
const desc = "<div v-for="+ core in cores +">" + core.name + "</div>";

this.addMarkerToGroup(group, {lat:el.longitude, lng:el.latitude}, desc, map);

错误

目前我得到：

ReferenceError：未定义核心。

问题

如何cores在我的变量中循环我的数据desc以便在地图中显示它们？

标签： javascriptvue.jsvuejs2

Answer 1

用于将核心循环成字符串：

let desc = ''

cores.forEach(core => {
  desc += "<div>" + core.core + "</div>"
}

还要注意core.name实际上core.core在您的代码中。