如何制作无限嵌套循环

时间:2019-07-13 13:09:42

标签: vuejs2

我有多个数组,数组可以像

一样无限
['level1', ['level2', ['level3', ['level4']]]]

我真的不明白如何在vue2中使用v-for循环

<template>
    <ul>
        <li v-for="downline in downlines" :key="downline.id">
            {{ downline.name }}
        </li>
    </ul>
</template>

<script>
    export default {
        data(){
            return {
                downlines: [] //<-- infinite array
            }
        }
    }
</script>

1 个答案:

答案 0 :(得分:0)

如果您尝试将v-for设为无限,则会出现此错误...

enter image description here

您真正需要的是嵌套数组中的v-for(我建议您重命名您的问题),然后在this post中找到答案