html - Vue框架工作如何在每一行中查看我的API项5

Question

我在前端使用 Vue，我希望每行动态显示 5 个项目，如下所示：

1 1 1 1 1

1 1 1 1 1

但是当我在数组项上循环时，它会显示行中的每个项。

标签： htmlcssvue.js

Answer 1

首先，您需要在显示您的项目时使用标签等非阻塞组件，然后在 for 循环中使用条件

v-如果。item index % 5 == 0 <br> 或者满足条件时创建一个div元素