如何嵌入在一个列表进行迭代的跨度标签在VUE

Question

新建vuejs，我想能够输出像

<div> 
    <span> 
     item 1 
     item 2 
    </span> 
    <span> 
    item 3 
    item 4 
    </span> 
</div> 

我曾尝试用下面的，但似乎并没有工作。我认为问题是<span>标签和直接文本正常工作。我将如何让Vuejs输出一个范围，或者有什么不同的方法来实现？

 <div v-for="(item,idx) in selectedItems"> 
     <span v-if="(idx % 2) == 0" v-html="rawHtml"><span></span> 
     {{item.display_name}} 
     <span v-if="((idx-1) % 2) == 0" v-html="rawHtml"></span></span> 
     </div> 

Answer 1

尝试下一个变种：

<div> 
    <span v-for="(item, idx) in selectedItems" 
      v-if="idx % 2 === 0"> 
     <p>{{item.display_name}}</p> 
     <p v-if="selectedItems[idx + 1]">{{selectedItems[idx + 1].display_name}}</p> 
    </span> 
</div>