将 table 或输入中的最大行数限制为 5 或 10

limit max number of rows in a table or inputs to 5 or 10

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

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

v-for="(value, index) in inputs" v-if="index < 5"

请记住,这并不一定会阻止添加更多输入,它只会隐藏它们。

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

这是 v-for + v-if 组合的示例: https://jsfiddle.net/tz7mLhe8/