前段时间租了一个后台项目,有两个地方需要一键清空表单数据。userFormSearch:{username:null,showname:null,status:null}1.在创建的hook中深拷贝一个数据模板:此时this.defaultUserFormSearch已经是this.userFormSearch之前的备份了2.清除后按钮事件触发后,将备份数据this.defaultUserFormSearch赋值给this.userFormSearch注意:这里必须是深拷贝,this.userFormSearch=this.defaultUserFormSearch;(这是错误的);如果清除时不深拷贝备份数据this.defaultUserFormSearch,则this.defaultUserFormSearch会关联到this.userFormSearch,清除修改this.userFormSearch后会涉及到this.defaultUserFormSearch也被修改,再清除会导致我们每个页面的问题查询条件有很多,这里至少只是举个例子。如果查询条件比较多,我们当然可以使用下面的方法来清除。这个方法也是可以的,但是当里面的item很多的时候,我们也需要写很多代码或者我们直接设置this.userFormSearch={}。如果我们的状态有默认值,那么这种暴力清零的方式也是无法使用的。其次,我们编辑弹窗。取消或者关闭之后,我们也可以使用这种方式来清除它。欢迎同学或者学长前辈吐槽,或者告诉我有什么更好的办法~
