对象和v-for的嵌套数组

vue.js Vue.js

EvaEva斯丁

2020-03-12

好吧,这个问题让我感到难过……获取嵌套的for循环数据显示时有些麻烦:

<div v-if = "private.folders!=null" v-for="folder in private.folders">
{{folder.name}}
    <div v-for="check in folder.checks">
        {{check.name}}
    </div>
</div>

然后,我尝试使用的数据如下所示:

folders [Array]
-object [this is a single 'folder']
--name
--checks [array] [each folder has this array]
---[object] [the actual 'check' object]
----[name]

外循环工作正常,并返回我期望的数据。但是,check.name不返回任何内容,并且控制台中没有错误。是否可以像这样进行嵌套的for循环?

第1146篇《对象和v-for的嵌套数组》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android