下拉框组件报错:Invalid prop: custom validator check failed for prop "value"

1,810 阅读1分钟

报错信息:

image-20221107113602182.png

根据图片中的红色报错信息可知:

select组件的value值绑定的有问题

根据黄色的警告信息及查阅相关文档可知:

image-20221107154127215.png

a-select的子选项的value值绑定的应该是字符串,数字,数组,对象中的一种。

检查下拉框组件相关的代码:

image-20221107113943552.png

正常和删除绑定的value值为布尔值,不符合文档的要求。

修改后:

image-20221107113953870.png

如果调用的接口要求传的是布尔值的true或false,可在调用接口前使用三元表达式进行转换。

//举例
const data = {...this.selectData,
isActive:this.selectData.isActive == "true"
?true:(this.selectData.isActive == "false"?  
false:undefined)};