Question

假设我有一个数组

arr = [1,2,3,4,5,6,7,8,9]

如何使用v-for获得以下结果：

php artisan config:cache 
composer dumpautoload

所以我得到3 div，每个div包含4个元素。

Answer 1

在组件定义中：

data: () => ({
    arr: [1,2,3,4,5,6,7,8,9]
}),
computed: {
    chunkedArr() {
        const result = []
        for (let i = 0; i < this.arr.length; i += 4)
            result.push(this.arr.slice(i, i + 4))
        return result
    }
}

在模板中：

<div v-for="a in chunkedArr">
    <div v-for="i in a">{{ i }}</div>
</div>

如何修改v-for或以不同的步骤使用v-for？

1 个答案: