antdesignvue 1.7 自定义输入框代码

以下是使用 Ant Design Vue 1.7 自定义输入框的示例代码：

<template>
  <a-input :value="value" @input="handleInput" />
</template>

<script>
  export default {
    name: 'CustomInput',
    props: {
      value: String
    },
    methods: {
      handleInput(e) {
        this.$emit('input', e.target.value);
      }
    }
  };
</script>

在上面的代码中，我们创建了一个名为 `CustomInput` 的组件，它接收一个 `value` 属性作为输入框的值，并通过 `@input` 事件监听输入框的变化，然后触发 `input` 事件将输入框的值传递给父组件。

在使用时，可以像这样调用：

<template>
  <custom-input v-model="inputValue" />
</template>

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

  export default {
    components: {
      CustomInput
    },
    data() {
      return {
        inputValue: ''
      };
    }
  };
</script>

在上面的代码中，我们将 `CustomInput` 组件作为自定义输入框使用，并通过 `v-model` 指令绑定输入框的值到 `inputValue` 变量上。当用户输入时，`v-model` 会自动更新 `inputValue` 的值，而 `CustomInput` 组件会触发 `input` 事件，将输入框的新值传递给父组件。