首页 >> js开发 >> jsVue 一键清空表单的实现方法js大全
jsVue 一键清空表单的实现方法js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
前段时间在租个后台的项目,有两处需要一键清空表单数据一、表单筛选后,需要可以一键清空或者恢复初始化筛选条件初始化查询数据:1.在created钩子深拷贝了一份数据模板:这个时候this.defaultUserFormSearch已经是this.userFormSearch没改变之前的一个备份2.在清空按钮事件触发后,再将备份的数据this.defaultUserFormSearch赋给this.userFormSearch注意:这里一定还要是深拷贝,this.userFormSearch = this.defaultUserFormSearch;(这种做法是错误的);this.userFormSearch = this.defaultUserFormSearch;(这种做法是错误的);如果清空的时候不深拷贝备份的数据this.defaultUserFormSearch,那么this.defaultUserFormSearch将会和this.userFormSearch关联上,后面清空之后修改了this.userFormSearch会牵扯到this.defaultUserFormSearch也被修改,再去清空就会有问题我们每个页面查询条件都很多,这里只是拿了最少的一个举例子,如果查询条件,我们清空的当然也可以采用下面的方式,这种方式也可以,只不过当里面项目比较多的时候,我们也要写好多代码或者我们直接把this.userFormSearch = {},我们status如果有默认值,那么这种暴力清除的方式也是不可以用的二、我们编辑弹窗,取消后或者关闭后,同样可以采用这种办法来清空哦。以上就是本文的全部内容,希望对大家的学习有所帮助。
相关文章:
- js基于小程序请求接口wx.request封装的类axios请求js大全
- js如何在node环境实现“get数据解析”代码实例js大全
- js代码JavaScript DOM常用操作代码汇总
- jsJS常见错误(Error)及处理方案详解js大全
- jsVue父子之间值传递的实例教程js大全
- jsmapboxgl区划标签避让不遮盖实现的代码详解js大全
- jsNuxt配置Element-UI按需引入的操作方法js大全
- jsElectron 打包问题:electron-builder 下载各种依赖出错(推荐)js大全
- jsJavaScrip如果基于url实现图片下载js大全
- JavaScriptnode运行js获得输出的三种方式示例详解