所以我用的是vue.我有一个问题:如何在另一个v-for中显示v-for元素作为列表项或 Select 选项?
<div v-for='item in items'>
<div v-for='element in item.elements'>
...
</div>
</div>
非常感谢任何可能的帮助,谢谢!
所以我用的是vue.我有一个问题:如何在另一个v-for中显示v-for元素作为列表项或 Select 选项?
<div v-for='item in items'>
<div v-for='element in item.elements'>
...
</div>
</div>
非常感谢任何可能的帮助,谢谢!
可以使用<template>
标记,以免渲染额外的div.
<ul>
<template v-for='item in items'>
<li v-for='element in item.elements'>
{{element.title}}
</li>
</template>
</ul>
然而,IE中不支持<template>
标签.一个通用的解决方案是生成一个返回所有标题的计算变量:
computed:{
titles:function(){
var titles = [];
for(var i = 0; i < this.items.length; i++){
for(var k = 0; k < this.items[i].length; k++){
titles.push(this.items[i][k].title);
}
}
return titles;
}
}
然后你就可以做v-for="title in titles"
个