vue -(问题系列)component lists rendered with v-for should have explicit keys.

最新推荐文章于 2024-09-27 10:04:00 发布

原创最新推荐文章于 2024-09-27 10:04:00 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

前端日常专栏收录该内容

65 篇文章

订阅专栏

本文介绍在Vue.js框架中使用v-for指令时如何正确地设置:key属性以避免警告和潜在的问题。通过实例展示了如何为每个元素分配唯一键值以提高列表渲染效率。

(Emitted value instead of an instance of Error) <el-option v-for="item in selectedMembers">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.

(需要给:key来解决，避免重复,请明确key)

例如:

<template>
  <el-select v-model="value" placeholder="Select">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>

问题报错: