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)

 

参考文献:https://www.cnblogs.com/FanJPson/p/17901517.html

posted @ 2025-07-22 11:18  じ逐梦  阅读(22)  评论(0)    收藏  举报