Error: Invalid `value` of type `number` supplied to Option, expected `string` when `tags/combobox` i

背景：使用Ant-design的Select选择器，实现多选。点击选择框时，选择框不弹出来，并且报错。报错：[Vue warn]: Error in render: “Error: Invalid value of type number supplied to Option, expected string when tags/combobox is true.”Error: Invalid v

奶绿走糖

4360人浏览 · 2021-08-20 18:35:58

奶绿走糖 · 2021-08-20 18:35:58 发布

背景：
使用Ant-design的Select选择器，实现多选。点击选择框时，选择框不弹出来，并且报错。
在这里插入图片描述

报错：
[Vue warn]: Error in render: “Error: Invalid value of type number supplied to Option, expected string when tags/combobox is true.”
在这里插入图片描述

Error: Invalid value of type number supplied to Option, expected string when tags/combobox is true.
在这里插入图片描述

原因：
key需要传string，可是我传的是number。
在这里插入图片描述

解决办法：

方法1：

:key = “index” 改成 :key = “index + ’ '” //目的是将index从number类型转成String类型

方法2：key换成以字符串的值
修改代码选择提醒人Options

结果：

成功显示并选中
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^