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">

    <ul v-if="index % 2 == 0">

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

        <li v-if="index < items.length">{{items[index+1].name}}</li>

    </ul>

</template>