没有 JSON 对象的 Vuejs v-for

Posted

技术标签:

【中文标题】没有 JSON 对象的 Vuejs v-for【英文标题】:Vuejs v-for without JSON object 【发布时间】:2019-07-11 05:25:00 【问题描述】:

我只是想使用 v-for 属性循环从 0 到 19 的数字。 我已经试过了:<div v-for="number in [...Array(6).keys()]" v-bind:key="number"> 还有这个:<div v-for="let i = 0; i < 20; i++" v-bind:key="i"> 当然我可以只使用一个包含所有数字的数组,但我认为有更好的方法来做到这一点。

【问题讨论】:

只做v-for="i in 20" 谢谢!没想到这么简单! 【参考方案1】:

您可以循环访问固定的n 数字,例如:

 <div v-for="i in 20" v-bind:key="i">

【讨论】:

那个循环从 1 而不是 0 开始

以上是关于没有 JSON 对象的 Vuejs v-for的主要内容,如果未能解决你的问题,请参考以下文章

在 VueJS 中导入 JSON 对象并向其添加新项目

如何将检索到的数据从 v-for 绑定到 Vuejs 中的数据对象?

使用 Vuejs 嵌套 v-for 循环

vuejs基础-v-for用法

VueJS/Vuetify v-for 中的不同颜色芯片,检查带有参数的对象:使用点表示法的颜色

从 vuejs 表单数据创建 JSON 对象