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()
    },
相关推荐
AlienZHOU13 分钟前
从零开始,跟着写一个产品级 Coding Agent
前端
RichardZhiLi17 分钟前
大前端全栈实践课程:章节二(前端工程化建设)
前端
毕设源码-赖学姐19 分钟前
【开题答辩全过程】以 基于VUE的环保网站设计为例,包含答辩的问题和答案
前端·javascript·vue.js
ZTrainWilliams21 分钟前
swagger-mcp-toolkit 让 AI编辑器 更快“读懂并调用”你的接口
前端·后端·mcp
伊步沁心35 分钟前
深入 useEffect:为什么 cleanup 总比 setup 先跑?顺手手写节流防抖 Hook
前端
小J听不清39 分钟前
CSS 字体样式全解析:字体类型 / 大小 / 粗细 / 样式
前端·javascript·css·html·css3
500佰40 分钟前
pencil on claude 让设计师和程序员少吵架的一种可能
前端
Jane-lan44 分钟前
NVM安装以及可能的坑
前端·node·nvm
幽络源小助理1 小时前
Typecho大前端新闻博客主题源码下载:资讯门户风格模板安装教程 | 幽络源
前端
简离1 小时前
Git 一次性清理已跟踪但应忽略文件
前端·git