保留零作为HTML输入的首个字符

Question

所以我在Vue中遇到了HTML输入的问题。 每当我尝试以零作为第一个字符输入时，输入值会发生变化。 比如说我想输入'005'，它会变成'5'，同样对于'05'也会变成'5'。 我尝试过查找相关信息，但是我找到的都是如何实现它，而不是如何防止它。有什么想法吗？

我尝试使用e.preventDefauld()，但是e未定义。 我还尝试在输入时将数字转换为字符串。

Answer 1

以下内容应该按照您的期望工作

<template>
  number: {{ number }}
  <input :value="number" @input="updateNumber" type="number">
</template>

<script>
export default {
  data() {
    return {
      number: 12
    }
  },
  methods: {
    updateNumber(e) {
      this.number = e.target.value
    }
  }
}
</script>

这是一个游乐场。