element 表单一闪而过上次赋的值的bug

1. 关于表单的bug
1.1 给表单赋值后,清空表单会出现第一次出现的数据

出现情况:
  当调用dialog时,给表单赋值,关闭dialog时,清空数据后,表单会出现第一次赋值的结果,一闪而过

原因分析:
  在dialog弹出表单的时候,我们需要给这个表单赋值,无论是从前端或者后台获取数据后赋值如

 handleUpdate (row) {
        getObj(row.id).then(response => {
            this.form = response.data.result
        })
    }

以上是直接赋值,第一次弹出dialog就会出现这个bug,是因为dialog第一次弹出,还没有创建结束就赋值了,然后form就会被赋一个固定的初值,在关闭dialog时,这个初值是清空不掉的,所有在

this.$refs[‘form’].resetFields()

或者手动清空,会闪出第一次赋的值。
解决办法:
  在dialog创建结束后才赋值,this.$nextTick(function(){赋值})

handleUpdate (row) {
      getObj(row.id).then(response => {
            this.$nextTick(function(){
                this.form = response.data.result
            })
      })
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值