vue3.x报错:重複キーが検出された:XXを。これは、更新エラーが発生することがあります。

ループエラーのVUE:

	 // template
	<ul>
      <li v-for="(item) in oli" :key="item.id+Math.random()">{{ item.value }}</li>
    </ul>
   // data
     oli: [
        {
          id: 1,
          value: '北京'
        },
        {
          id: 2,
          value: '上海'
        },
        {
          id: 3,
          value: '深圳'
        },
        {
          id: 4,
          value: '郑州'
        },
        {
          id: 4,
          value: '杭州'
        }
      ]

报错重複キーが検出された:XXを。 これは、更新エラーが発生することがあります。
理由:ループキーは一意性がここにあるため、キー値を繰り返し確実にするため
解決策:乱数Math.random(背後キーでそのキーだけを確実にするために)

公開された58元の記事 ウォン称賛20 ビュー110 000 +

おすすめ

転載: blog.csdn.net/fly_wugui/article/details/88186868