js vue form表单层级过深,层级太深了,form检测不到form的变化

form表单层级过深,层级太深了,form检测不到form的变化,这个时候要么change事件里面强制更新dom触发(视图更新),要么再change事件里面对form表单绑定的数据进行拷贝 this.addForm = JSON.parse(JSON.stringify(this.addForm));或者像这样描述下this.addForm = { ...this.addForm };

javascript 复制代码
   <a-form-model-item prop="corporationName">
      <a-input
         v-model="form.corporationName"
         @input="changeForm"  //强制触发dom更新
      />
   </a-form-model-item>

    // form表单修改
    changeForm() {
      // form表单层级过深,层级太深了,form检测不到form的变化,这个时候要么change事件里面强制更新dom触发(视图更新)要么再change事件里面对form表
      // 单绑定的数据进行拷贝 this.addForm = JSON.parse(JSON.stringify(this.addForm));或者像这样描述下this.addForm = { ...this.addForm };
      this.form = { ...this.form }
      this.$forceUpdate()
    },
相关推荐
晴天161 小时前
Chrome 控制台(DevTools)竟是用 HTML 写的?-Day41
前端·chrome·html
变与不变8061 小时前
Debug 调试与排错规范
前端·javascript
欢迎来到祖安!2 小时前
企业微信 API 接口能力介绍:支持消息收发、图片发送、表情互动、联系人管理等多场景应用
java·前端·数据仓库·spring cloud·企业微信
子非鱼a7 小时前
【WEB】multiSQL
前端
lemon_sjdk8 小时前
DOM 节点
java·前端·javascript
nvd118 小时前
深入现代 Web 鉴权架构:网关统一代理 (Forward-Auth) vs 前端持有 JWT 的终极选型与边缘同域实践
前端·架构·状态模式
leoZ2319 小时前
2026-09-09-springboot-cloud-deploy-pitfalls
java·前端·javascript·vue.js·人工智能·spring boot·后端
YWL9 小时前
OpenLayers弹窗Overlay深度实战
前端·vue·openlayers
YWL9 小时前
OpenLayers+ECharts联动:地图点击联动图表,数据可视化大屏方案
前端·信息可视化·vue·echarts·openlayers
芭拉拉小魔仙9 小时前
Vue 2 门诊收费系统中的医保结算流程设计与实践
前端·javascript·vue.js