vue 声明结构体数组

原创已于 2022-04-03 12:46:39 修改

· 4.6k 阅读

1 ·

版权

文章标签：

#vue #java

于 2021-03-30 13:05:08 首次发布

Vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在JavaScript中正确声明和初始化结构体数组structArray，并通过v-for实现动态生成，同时讨论了如何避免初始化问题和灵活设置数组长度。还涉及到了前端开发中的v-for遍历和复选框配置技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

data () {
    return {
        structArray: [],// ··· 1
        
        unit: {id: '', name: ''},   
        structArray2: unit[10]// ··· 2
    }
}

如上，若想要structArray为一个结构体数组，比如
[{id: ‘1’, name: ‘a’}, {id: ‘2’, name: ‘b’}, {id: ‘3’, name: ‘c’}]
该如何声明？
使用1的方式声明的话，structArray[0].id = '1’会有undefined报错，也就是没有初始化这个变量。
使用2的方式的话，则需指定数组元素数量，写成structArray2: unit[]是不行的。
因此，对于 v-for=“category in categoryCountries” 上的每次迭代，您都要创建一个输入类型复选框，您必须定义一个id :id=“category” 和一个值 :value=“category” ，因为这只是一个简单的例子，我只使用相同的数组项 .

在这里插入图片描述
扫码关注获取Java资源！！！