如题,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 值。