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()
    },
相关推荐
寻觅~流光几秒前
封装---统一封装处理页面标题
开发语言·前端·javascript·vue.js·typescript·前端框架·vue
岸边的风几秒前
退出登录后头像还在?这个缓存问题坑过多少前端!
前端·缓存·状态模式
菜包eo3 分钟前
教育行业可以采用Html5全链路对视频进行加密?有什么优势?
前端·音视频·html5
子林super15 分钟前
Selection ES集群6月28日压测报告(7.10与7.6.2压测对比)
前端
码哥DFS17 分钟前
JS进阶-day1 作用域&解构&箭头函数
前端·javascript
江上暮云25 分钟前
手摸手带你彻底搞懂Vue的响应式原理
vue.js
月光番茄25 分钟前
基于AI的智能自动化测试系统:从Excel到双平台测试的完整解决方案
前端
凌览28 分钟前
因 GitHub 这个 31k Star 的宝藏仓库,我的开发效率 ×10
前端·javascript·后端
喝西瓜汁的兔叽Yan29 分钟前
小效果--多行文本溢出出现省略号
前端·css
子林super29 分钟前
doris用户连接数被打满问题
前端