vue antdv form表单里面的input绑定点击事件，form-item也被添加了点击事件怎么办

对于这种情况，可以使用事件冒泡的机制来处理。在表单的 input 绑定点击事件的同时，给 form-item 绑定一个点击事件，并且在 form-item 的点击事件处理函数中调用 event.stopPropagation() 阻止事件继续向上传递。这样，当点击表单的 input 时，只会触发 input 的点击事件；当点击 form-item 时，会先触发 form-item 的点击事件，然后再触发 input 的点击事件。代码示例：

<template>
  <a-form :model="form">
    <a-form-item @click="handleFormItemClick">
      <a-input v-model="form.input" @click="handleInputClick" />
    </a-form-item>
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        input: '',
      },
    };
  },
  methods: {
    handleInputClick(event) {
      console.log('input clicked');
    },
    handleFormItemClick(event) {
      event.stopPropagation();
      console.log('form item clicked');
    },
  },
};
</script>