const menu = [
{
"title": "主页大厅"
},
{
"title": "推广中心"
},
{
"title": "寻求帮助",
"children": [
{
"title": "常见问题"
},
{
"title": "问题解答"
}
]
},
{
"title": "个人中心"
}
]
<ul class="menu">
<li v-for="(menuItem, index) in menu" :key="index">
<a href="">{{menuItem.title}}</a>
<ul class="sub-menu" v-if="menuItem.children">
<li v-for="(subMenuItem, subIndex) in menuItem.children" :key="subIndex">
<a href="">{{subMenuItem.title}}</a>
</li>
</ul>
</li>
</ul>
通过v-for生成二级菜单