element ui 表单resetFields方法无效,执行后回填第一次填入值

1.此方法用于将form表单的数据设置为初始值
2.而这个初始值是在form mounted生命周期被赋值上去的
3.所以,在 form mounted之前,如果给form表单赋值了,那么后面调用resetFields()都是无效的,因为form表单的初始值已经在 mounted 之前就被赋值了

解决办法父页面传过来的值先赋值给第三方,然后再填如表单,防止表单重置联动影响表数据

 this.baseTemp = Object.assign({}, val)

父页面

    openUpdateItem1(row) {

      this.showItemDrawer = true

      this.itemData = row

      this.operate = 'update'

    },

子页面

  watch: {

    // huang

    model(val) {

      this.baseTemp = Object.assign({}, val)

    }

  },

关闭方法

close() {

      this.$refs['dataForm'].resetFields()

      this.$emit('close')

    },

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值