如何在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>