el-select自定义选项key报错，如何解决？

Question

el-select自定义选项key报错

代码

html代码：
<el-select
            v-model="fileForm.keyword"
            multiple
            filterable
            allow-create
            placeholder="请添加关键字"
            size="mini"
            @change="handleChange"
          >
            <el-option
              v-for="(item,index) in keywords"
              :key="index"
              :value="item.value"
              :label="item.label"
            ></el-option>
          </el-select>
js代码：
keywords: [
        {
          value: 1,
          label: "关键字1",
        },
        {
          value: 2,
          label: "关键字2",
        },
        {
          value: 3,
          label: "关键字3",
        },
      ],

运行结果及报错内容

可以自定义选项，图片中的“1”是自己添加的，可能是key不区分类型产生的报错，不知如何解决这种问题

Answer 1

你 key值相同了
原因： key值不唯一

解决: 仔细检查是否用了同一个数据循环且:key值相同，如果相同给第二个key随便加一个标记就可以，如下：

:key="index + '-only'"