【踩坑】之element-ui中form表单置空

【踩坑】之element-ui中form表单置空


【踩坑】element-ui中的form表单置空
【需求】:点击新增的时候弹出一个form表单弹框,编辑或者复制的时候带有当前条数据
【现有问题】:先点击数据1编辑,再点击数据2编辑,再点击新增,会保留数据1的数据回显

data中定义的form表单是这样的

现有代码:(f发现form.resetFields()不太生效)
在这里插入图片描述
踩坑发现:重置表单就是回到初始值了 也就是我第一次点击编辑的时候回显的数据1
如果我先点的新增表单(空数据) 那之后重置表单一直都是正确的

两种解决办法:

1.保证form的初始值是空的,这样置空表单的时候就会回到空值,加个nextTick就可以了
在这里插入图片描述
2.表单置空的时候赋值data中最原始的定义值($options.data())
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45324044/article/details/126298288
今日推荐