最近在用ant design vue 做項目 遇到了 一下坑 比如 v-decorator 可以做數據 綁定 與v-model 不同的是 給 form 表單賦值
v-model 的值是 雙向綁定的
如果想 給改變 v-model的值 直接賦值 即可 比較 方便
而 v-decorator 個人認爲 有點 麻煩
如果 你想 改變 v-decorator 中綁定的值
如上圖 需要用到 this.form.setFieldsValue({}) 方法 其中 nachineName 就是綁定的值 如下圖
以此方法 就可以 給 v-decorator 綁定的值賦值 了
最後你可能 想問 如何查看 from 中綁定的表單數據 呢 ，那麼它來了
如上圖 this.form.validateFields 方法就可以獲取表單裏的值 此時 打印的 values 就是 當前form表單裏的全部 數據 了
最後想說的是想使用 以上方法 必須對 form 先進行註冊 方法如下
用的UI框架是ant design of vue，this.form.setFieldsValue如果要設置數組怎麼設置
let obj={
name:data.label,
property:'Header',
propertyType:'',
execute:[
{t:'',v:''}
]
}
this.model = Object.assign({}, obj)
this.$nextTick(()=>{
setTimeout(() => {
this.form.setFieldsValue(.pick(_this.model, 'name', 'property','propertyType','execute'));
_this.form.getFieldValue('execute')
})
});
用的UI框架是ant design of vue，execute是個數組，這塊設置它的setFieldsValue,一直報錯You cannot set a form field before rendering a field associated with the value