javascript - 单击按钮后我无法重置 vue 数据？

Question

正如我们所知，输入类型数字允许输入 e 。我可以通过重新分配 vue 数据来重置当前输入值，但是如果输入中有任何 e 值，我的重置方法将不起作用!!!我不知道为什么？

var app = new Vue({
  el: '#app',
  data: {
    tax: ''
  },
  methods: {
    reset() {
       this.tax = ''
    }
   }
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
  <input v-model="tax" type="number" >
  <button @click="reset">Reset</button>
</div>

Answer 1

改变你的方法

this.tax = ''

到

this.tax = null

var app = new Vue({
  el: '#app',
  data: {
    tax: ''
  },
  methods: {
    reset() {
       this.tax = null
    }
   }
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
  <input v-model="tax" type="number" >
  <button @click="reset">Reset</button>
</div>