Simpan sifar sebagai aksara pertama input HTML

Question

Jadi saya menghadapi masalah dengan input HTML dalam Vue. Setiap kali saya cuba memasukkan dengan sifar sebagai aksara pertama, nilai input berubah. Sebagai contoh, jika saya ingin memasukkan '005', ia akan menjadi '5', dan begitu juga untuk '05' ia akan menjadi '5'. Saya telah cuba mencari maklumat mengenainya, tetapi yang saya temui hanyalah cara melaksanakannya, bukan cara menghalangnya. Ada idea?

Saya cuba menggunakan e.preventDefauld(), tetapi e tidak ditentukan. Saya juga cuba menukar nombor kepada rentetan pada input.

Answer 1

Perkara berikut sepatutnya berfungsi seperti yang anda jangkakan

<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>

Ini adalah taman permainan.