素材巴巴 > 程序开发 >

vue3使用Object.assign清空表单数据

程序开发 2023-09-21 16:36:20

在使用element plus 内置的resetFields的时候,发现没有生效,最后使用了Object.assign成功清空了表单

Object.assign介绍

Object.assign是ES6新添加的接口,主要的用途是用来合并多个JavaScript的对象。

Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个原对象的属性和方法都合并到了目标对象上面,如果在这个过程中出现同名的属性(方法),后合并的属性(方法)会覆盖之前的同名属性(方法)。

基于这个方法的特性,我们可以使用他来清空表单

首先声明一个函数,里面是所有表单的数据

然后用ref或者recative变成响应式的

最后清空

因为函数每次创建都是新的函数,所以Object.assign第二个参数是一个初始化的数据对象,会覆盖第一个参数的值,这就完成了表单的清空


标签:

上一篇: SSM框架实现修改操作 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。