vue3對表單項目外部賦值后無法繞過表單非空驗證以及提交時未正確提交該值問題
場景：
存在一個業務表單，根據業務邏輯當操作某一個表單配置項時，聯動反填一個默認值，輸入至指定文本輸入框，并且該輸入框存在非空驗證；
當操作配置一個配置后，反填至默認數據后，提交工單時仍提示該數據框不得為空
或者雖該輸入框不存在驗證，當外部通過=賦值后提交工單仍無法提交該值
<a-form-model ref="formRef" :model="model"> <a-form-model-item label="姓名" prop="name" :rules="[{ required: true, message: '請填寫姓名', trigger: 'blur' }]"> <a-input v-model="model.name" placeholder="請輸入姓名"></a-input> </a-form-model-item> <a-form-model-item label="留言" prop="notes" :rules="[{ required: true, message: '請填寫留言', trigger: 'blur' }]"> <a-input v-model="model.notes" placeholder="請輸入留言"></a-input> </a-form-model-item> <a-form-model/>
解決：
所以實際是：
// 代替 `Object.assign(this.someObject)`
//對數據處理后，重新通過Object.assign這種方式賦值
someObject.value = Object.assign({},someObject.value)
參考文獻：http://www.rzrgm.cn/FanJPson/p/17901517.html
本文來自博客園，作者：じ逐夢，轉載請注明原文鏈接：http://www.rzrgm.cn/ZhuMeng-Chao/p/18997441
浙公網安備 33010602011771號