vue3使用Object.assign清空表单数据
在使用element plus 内置的resetFields的时候,发现没有生效,最后使用了Object.assign成功清空了表单
·
在使用element plus 内置的resetFields的时候,发现没有生效,最后使用了Object.assign成功清空了表单
Object.assign介绍
Object.assign是ES6新添加的接口,主要的用途是用来合并多个JavaScript的对象。
Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个原对象的属性和方法都合并到了目标对象上面,如果在这个过程中出现同名的属性(方法),后合并的属性(方法)会覆盖之前的同名属性(方法)。
基于这个方法的特性,我们可以使用他来清空表单
首先声明一个函数,里面是所有表单的数据
然后用ref或者recative变成响应式的
最后清空
因为函数每次创建都是新的函数,所以Object.assign第二个参数是一个初始化的数据对象,会覆盖第一个参数的值,这就完成了表单的清空
更多推荐
已为社区贡献2条内容
所有评论(0)