ant design vue的input设置typr为number为什么能输入字母e

在Ant Design Vue中，`<a-input>` 组件的 `type` 属性可以设置为 `number`，但是这并不会限制用户输入非数字字符。这是因为在 HTML 中，`type="number"` 的输入框会自动验证输入是否为数字，但并不会限制其他字符的输入。

如果你需要限制用户只能输入数字，可以通过 `oninput` 事件和正则表达式来实现。下面是一个例子：

<template>
  <a-input v-model="inputValue" @input="handleInput"/>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput(event) {
      // 只允许输入数字和小数点
      const reg = /^[0-9.]*$/
      if (!reg.test(event.target.value)) {
        this.inputValue = event.target.value.replace(/[^\d.]/g, '')
      }
    }
  }
}
</script>

在这个例子中，我们通过 `handleInput` 方法来过滤非数字字符，并将过滤后的值赋值给 `inputValue`。需要注意的是，这个例子中只允许输入数字和小数点，如果需要支持其他字符，可以修改正则表达式的匹配规则。