table 绑定值问题

Question

<template>
<tr v-for="item in list">
<td>{{item.name}}</td>
<td ><input type="text" v-model="item.qtd" ></td>
</tr>
</template>

<script>
export default{

  data(){
      return{
        list:[
          {name:"apple",qtd:"200"},
          {name:"pare",qtd:"300"},
        ]
      }
  }

}
</script>

现在在input框输入负数时，保存后失效，显示的仍是原来的值，请问要怎么操作才能在输入负数时显示负数

Answer 1

<input type="number">

Answer 2

给input加change事件，handler里给list更新值

Answer 3

利用computed试试