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

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

Object.assign介绍

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

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

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

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

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

最后清空

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

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值