vue2 のプロジェクトの穴を踏む: v-if/else ブランチは一意のキーを使用する必要があります。

エラー: v-if/else ブランチは一意のキーを使用する必要があります。

if と else のキーを同じにすることはできず、else タグ内のキーは徐々に 1 ずつ増加します

 

// if 与 else 的 key 不能相同
<div v-for="(item, index) in menuList" :key="item.id">
  <div  v-if="item.name" :key="index">
         ......
  </div>
  <div  v-else="item.age" :key="index + 1">
         ......
  </div>
</div>

---

前回の記事、 

uniapp がピットを踏むプロジェクト: uniapp はポップアップ ウィンドウコンポーネント .vue のスタイルを変更します。シングルページの home.vue に通知ポップアップ コンポーネントを導入します。https://blog.csdn.net/weixin_43928112/article/details/131589298