[Antd-vue] Warning: You cannot set a form field before rendering a field associated with the value.

1.需求:给form表单反显数据(一般用于数据修改功能)。
2.使用了表单的方法setFieldsValue(),来设置一组输入控件的值,传入的值为object(能少传不能多传)。
3.解决办法

this.$nextTick(()=>{
    this.form.setFieldsValue({
        title: this.formObj.title,
        value: this.formObj.value,
    })  // loadsh的pick方法
})

如果上述方法不能解决,可以考虑下边的方法

this.$nextTick(() => {
     setTimeout(() => {
             this.form.setFieldsValue({
		        title: this.formObj.title,
		        value: this.formObj.value,
		    })  
     })
})

以下方法是从百度中找到的一些方法,没尝试过,不过也记录以下吧~

let obj = Object.assign({}, this.formObj)  // 浅拷贝
this.form.setFieldsValue(pick(obj , 'title', 'value'))  // loadsh的pick方法
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值