[vue warn]: Invalid prop: custom validator check failed for prop “checkedKeys“ .
[vue warn]: Invalid prop: custom validator check failed for prop "checkedKeys" .
·
错误
<a-tree :treeData="treeData" @select="handleSelect" :selectedKeys.sync="selectedKeys"
v-model:checkedKeys="checkedKeys" :expandedKeys.sync="expandedKeys"
v-model:auto-expand-parent="autoExpandParent" :replaceFields="{
key: 'id',
}" :checkable="config.multiple" @check="handleCheck">
<template #title="{ dataRef }">
{{checkedKeys}}
<span>{{ dataRef.name }}</span>
</template>
</a-tree>
错误场景
vue2 + ts + ant-design@1.XXX
接手了一个vue3 + ts + ant-design的项目,需求是b把vue降到vue2,今天在处理这部分代码是遇到这个错,首先分析这个错是checkedKeys
的错,然后我就去排查,排查来排查去,发现这个错与checkedKeys
无关,最后排查出来是这一行v-model:auto-expand-parent="autoExpandParent"
代码的错。阅读文档发现这个属性在 vue2 中不能用v-model
。
解决方案
把v-model
删掉就好了
正确写法
<a-tree :treeData="treeData" @select="handleSelect" :selectedKeys.sync="selectedKeys"
v-model:checkedKeys="checkedKeys" :expandedKeys.sync="expandedKeys"
:auto-expand-parent="autoExpandParent" :replaceFields="{
key: 'id',
}" :checkable="config.multiple" @check="handleCheck">
<template #title="{ dataRef }">
{{checkedKeys}}
<span>{{ dataRef.name }}</span>
</template>
</a-tree>
更多推荐
已为社区贡献3条内容
所有评论(0)