在vue3点击修改表单出现Invalid prop: type check failed for prop "model". Expected Object, got PointerEvent

现这个错误的原因是因为在点击修改表单时，传递给子组件的参数类型与子组件中定义的参数类型不一致。在这种情况下，子组件期望的参数类型是一个对象，但实际上传递给子组件的参数类型是PointerEvent。因此，需要检查传递给子组件的参数类型是否正确，并确保与子组件中定义的参数类型一致。

解决方法：
在父组件中，将传递给子组件的参数类型更改为对象类型即可解决这个问题。

<template>
  <div>
    <child-component :form-data="formData"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent,
  },
  data() {
    return {
      formData: {
        // 表单数据
      },
    };
  },
  methods: {
    // 点击修改表单
    editForm() {
      // 修改表单数据
      this.formData = {
        // 修改后的表单数据
      };
    },
  },
};
</script>

子组件中定义的参数类型应该是一个对象类型，如下所示：

<template>
  <div>
    <!-- 子组件模板 -->
  </div>
</template>

<script>
export default {
  props: {
    formData: {
      type: Object, // 参数类型为对象
      required: true,
    },
  },
};
</script>