web-dev-qa-db-ja.com

VueJsv-続行する前に未定義のリストをチェックする方法について

以下のテンプレートを参照して、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>
vue.jsconditionalundefinedv-for
6
mind1n

v-forを介してmenuをチェックする<template>内にv-ifディレクティブを含む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>
9
thanksd