Vue.js 将表或输入中的最大行数限制为5或10

Vue.js 将表或输入中的最大行数限制为5或10,vue.js,Vue.js,我正在使用laravel和vuejs创建一个web应用程序,我需要帮助用户(填写表单时)将输入数量限制为5或10。我曾尝试制作一个表格,但不知道如何限制最大行数使用v-for和v-if的组合,您可以轻松实现这一点: v-for="(value, index) in inputs" v-if="index < 5" v-for=“(值,索引)在输入中”v-if=“索引

我正在使用laravel和vuejs创建一个web应用程序,我需要帮助用户(填写表单时)将输入数量限制为5或10。我曾尝试制作一个表格,但不知道如何限制最大行数

使用v-for和v-if的组合,您可以轻松实现这一点:

v-for="(value, index) in inputs" v-if="index < 5"
v-for=“(值,索引)在输入中”v-if=“索引<5”
尽管如此,请记住,这并不一定会阻止添加更多的输入,它只会隐藏它们

如果使用某种按钮添加新输入,则应验证该端现有输入的数量

下面是v-for+v-if组合的一个示例:

您能告诉我们在哪里添加新输入/行的代码吗?