如何将对象字符串拆分成单独的字符串？VueJS和计算属性
如何将对象字符串拆分成单独的字符串？VueJS和计算属性
提问于 2018-08-06 04:04:05
我有一个像这样的对象数组(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>我的示例。
我希望这对我要说的话有意义。谢谢!
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51697834
复制相关文章
相似问题