如何嵌入在一個列表進行迭代的跨度標籤在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>