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

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


   <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()
    },

你可能感兴趣的:(vue.js,javascript,前端)