IView中Select组件clearable会删除Select绑定的变量

 

 当我们对当前表单进行保存操作时，查看相应request请求对应的载荷，会发现此时存在product,即产品字段

 

 我们在调查问卷列表点击查看按钮，此时我们跳转到之前的表单页面，上述数据会自动加载到页面表单项中

重点来了！！！

我们删除上述表单项------产品名称中的数据，该表单项采用的是Iview组件Select,并设置了clearable属性，此时点击表单项的小叉号对表单项进行清空

然后我们继续点击保存按钮，然后此时我们发现保存按钮绑定的事件方法执行失败！

 

 

我们查看对应request请求的载荷发现，载荷中的product字段消失了(这是一个非常恐怖的事情)

 

 理论上，组件的相关操作不能删除Vue对象中的data数据对象product。

经过资料查找，我们发现

　　IView官网有个 on-clear 回调api,可以解决上述问题，以下是解决方案：

 

 

 

 

此时我们继续执行上述操作，发现保存操作就可以正常执行了，product字段正常出现了！！！！Bingo