VueJs v - 続行する前に未定義のリストを確認する方法

Question

が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-if経由menuをチェック<template>内v-forディレクティブでのdivを置く：

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

この道をmenuが存在しない場合は、テンプレート内のdivがレンダリングされません。

---

あなたは本当にあなたがしようとしているように、それは次のようになり、v-forステートメント内のチェックをしたい場合：

<div v-for="item in (menu ? menu.items : [])">{{ item.text }}</div>