Reservieren Sie Null als erstes Zeichen der HTML-Eingabe

Question

Ich habe also ein Problem mit der HTML-Eingabe in Vue. Immer wenn ich versuche, eine Null als erstes Zeichen einzugeben, ändert sich der Eingabewert. Wenn ich zum Beispiel „005“ eingeben möchte, wird daraus „5“, und für „05“ wird es entsprechend zu „5“. Ich habe versucht, Informationen darüber nachzuschlagen, aber ich habe nur herausgefunden, wie man es umsetzt, nicht aber, wie man es verhindert. Irgendwelche Ideen?

Ich habe versucht, e.preventDefauld() zu verwenden, aber e ist undefiniert. Ich habe auch versucht, die Zahl bei der Eingabe in eine Zeichenfolge umzuwandeln.

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>

这是一个游乐场。