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>

标签： javascriptvue.js

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>