Ant Design Vue Select 组件增加 allowClear 属性报错:Invalid prop: type check failed for prop "allowClear". Expected Boolean, got String
如题,Ant Design Vue Select 组件增加 allowClear
属性后提交刷新页面或者点击查询都会报错:Invalid prop: type check failed for prop "allowClear". Expected Boolean, got String
。
大致的意思是 allowClear
应该是 bool 值,给了一个字符串类型的值。
<a-select placeholder="选择xxx" v-model="queryParam.xx" allowClear="true">
...
将 allowClear="true"
改成 allowClear=true
,还是报同样的错。自个解决不了就百度。Invalid prop: type check failed for prop "clearable". Expected Boolean, got String 解决 情况类似。
针对 props 属性定义默认都被识别成字符串,文中提到两个方法:
- 使用绑定的属性,
v-bind:allowClear=true
或者缩写:allowClear=true
- 只要写属性名
allowClear
,会自动传递 true 值
测试了一下,两个方法都能正确传递 bool 值。