我有一个像这样的对象数组(200+对象!):
[
{
Name: 'Aerial Farm',
'Geometry Extracted': 'P, S'
},
{
Name: 'Aircraft Hangar',
'Geometry Extracted': 'P, C, S'
}
]
我需要遍历对象并将Geometry Extracted
属性的值拆分为像"P“和"S”这样的单个元素,而不是一个由"P,S“组成的字符串。
我试着在VueJS中以计算属性的形式这样做:
computed: {
geoList() {
return this.items.map(i =>
i['Geometry Extracted'].split(', ').join(', ')
);
}
}
然后在我的模板中循环它,如下所示:
<ul>
<li v-for='item in geoList' :key='item.id'>
<a href='#'>{{item}}</a>
</li>
</ul>
但是,HTML是这样呈现的:
...
<li>
P, S
</li>
...
我的目标是让它像这样:
<li>
<a href="#">P</a>
</li>
<li>
<a href="#">S</a>
</li>
我的示例。
我希望这对我要说的话有意义。谢谢!
https://stackoverflow.com/questions/51697834
复制相似问题