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

el-select自定义选项key报错

代码

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

运行结果及报错内容

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

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

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

:key="index + '-only'"

用item.value

有可能是你fileForm.keyword数据类型跟value不一样

• 这篇文章：el-select下拉框传值同时传key和value 也许能够解决你的问题，你可以看下

key是唯一的，尽量不要用index。可以和数组中其他的值拼接在一起，变成唯一的，可识别的值。这样diff时，如果有数据变更，key就不会报错