保留零作為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>

這是一個遊樂場。