vue.js 在html中保留零作为输入的第一个字符

cnh2zyt3  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(105)

所以我在vue上输入html时遇到了麻烦。每当我试图键入零作为第一个字符时,输入值就会改变。所以让我说我试图键入“005”它会变成“5”,同样的“05”它会变成“5”。我试着寻找它,但所有的信息都是如何做到这一点,而不是如何防止它。有什么想法吗?
我尝试使用e. preventDefaultd(),但e未定义。我也尝试在输入时将数字转换为字符串。

g2ieeal7

g2ieeal71#

下面的代码应该可以正常工作

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

这里是Playground。

相关问题