记录：ivew 级联选择Cascader 在form中无法重置

最新推荐文章于 2024-08-19 14:14:13 发布

原创最新推荐文章于 2024-08-19 14:14:13 发布 · 445 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

在使用Vue进行前端开发时遇到一个问题，即在form表单中，Cascader级联选择组件在尝试重置时无法清空，导致数据残留。错误提示为Invalid prop: type check failed for prop value. Expected Array, got String。经排查发现，级联选择的数据类型应为Array，而非String。修复此问题的方法是确保在formDate对象中，对应级联选择的字段设置为数组类型，如`AccountType: [], EducationLevel: [], PersonCategory: []`。及时修正数据类型后，级联选择便能成功重置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记录：ivew 级联选择Cascader 在form中无法重置

写一个form表单的时候用了级联选择
重置写好后发现其他都可以重置但是级联选择的几个不能重置，之前控制台还报错:
Invalid prop: type check failed for prop “value”. Expected Array, got String with value “”.
所以级联选择的数据类型应该是Array数组，而不是String，把formDate里的类型改好就可以重置了

	formDate：{
		AccountType: [], //不是'' ,级联选择的v-mode
        EducationLevel: [], //不是'' ,级联选择的v-mode
        PersonCategory: [] //不是'' ,级联选择的v-mode
     }