VueJs v-如何在继续之前检查列表undefined

Question

请参阅下面的模板，如何添加条件以确保menu属性中的undefined不是v-for？

我已尝试v-for="menu?item in menu.items:[]"和v-for="item in menu?.items"，但均无效。

<div v-for="item in menu.items">{{item.text}}</div>

Answer 1

将带有v-for指令的div放在通过<template>检查menu的{​​{1}}中：

v-if

这样，如果<template v-if="menu"> <div v-for="item in menu.items">{{ item.text }}</div> </template> 不存在，则不会呈现模板内的div。

如果您真的希望在menu语句中进行检查，就像您尝试的那样，它将如下所示：

v-for