vue的循环v-for如何一次循环2条项目？

Question

我现在是这样实现的 但总感觉哪儿不对

<ul v-for="(item,index) in items" v-if="index%2==0">

  <li>{{items[index].name}}</li>

  <li>{{items[index+1].name}}</li>

</ul>

Answer 1

能直接用模版语法的，就不要做额外计算：<template v-for="(item,index) in items">&nbsp; &nbsp; <ul v-if="index % 2 == 0">&nbsp; &nbsp; &nbsp; &nbsp; <li>{{items[index].name}}</li>&nbsp; &nbsp; &nbsp; &nbsp; <li v-if="index < items.length">{{items[index+1].name}}</li>&nbsp; &nbsp; </ul></template>