• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

关于vue.js:Vue-高效清空表单一键清空表单

java 搞代码 3年前 (2022-02-19) 31次浏览 已收录 0个评论

前段时间在租个后盾的我的项目,有两处须要一键清空表单数据

一、表单筛选后,须要能够一键清空或者复原初始化筛选条件

初始化查问数据:

1.在created钩子深拷贝了一份数据模板:

这个时候this.defaultUserFormSearch曾经是this.userFormSearch没扭转之前的一个备份

2.在清空按钮事件触发后,再将备份的数据this.defaultUserFormSearch赋给this.userFormSearch
<code class="java">留神:这里肯定还要是深拷贝,

this.userFormSearch = this.defaultUserFormSearch;(这种做法是谬误的); 如果清空的时候不深拷贝备份的数据this.defaultUserFormSearch,那么this.defaultUserFormSearch将会和this.userFormSearch关联上,

前面清空之后批改了this.userFormSearch会牵扯到this.defaultUserFormSear

来源gao!daima.com搞$代!码网

ch也被批改,再去清空就会有问题

咱们每个页面查问条件都很多,这里只是拿了起码的一个举例子,如果查问条件更多,咱们清空的当然也能够采纳上面的形式,

这种形式也能够,只不过当外面我的项目比拟多的时候,咱们也要写好多代码

或者咱们间接把this.userFormSearch = {},咱们status如果有默认值,那么这种暴力革除的形式也是不能够用的

二、咱们编辑弹窗,勾销后或者敞开后,同样能够采纳这种方法来清空哦。

欢送看到的同学或者前辈吐槽,或者通知我还有更好的方法~
转载自:麻麻怪大侠


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:关于vue.js:Vue-高效清空表单一键清空表单

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址