参考下面的模板，如何添加条件以确保menu不是v-for属性中的undefined？
我试过v-for="menu?item in menu.items:[]"和v-for="item in menu?.items"，但都不管用.
<div v-for="item in menu.items">{{item.text}}</div>
参考下面的模板，如何添加条件以确保menu不是v-for属性中的undefined？
我试过v-for="menu?item in menu.items:[]"和v-for="item in menu?.items"，但都不管用.
<div v-for="item in menu.items">{{item.text}}</div>
将带有v-for指令的div放在<template>中，通过v-if判断menu:
<template v-if="menu">
<div v-for="item in menu.items">{{ item.text }}</div>
</template>
这样，如果menu不存在，模板中的div就不会被渲染.
如果您真的希望在v-for语句中进行判断，就像您正在try 的那样，它将如下所示:
<div v-for="item in (menu ? menu.items : [])">{{ item.text }}</div>