vue @input input输入框值不改变？？

[wentianyunhe]

<li>
<p>
单价 ：<input type="text" v-bind:value="list.wldj" :id="'wldj'+index" @input="input2(index)"> 元
</p>
</li>

<script>
export default {
method : {
input2(index){
if(!isNaN($('#wldj'+index).val()) && !isNaN($('#wlsl'+index).val())){
var je = $('#wldj'+index).val()*$('#wlsl'+index).val();
$('#wlje'+index).text(je.toFixed(2));
}
this.num = 0;
this.sum = 0;
for(var i=0;i<this.lists.length;i++){
this.num = this.num + $('#wlsl'+i).val() * 1;
this.sum = this.sum + $('#wlje'+i).text() * 1;
}
},
}
}
</script>

比如：之前是 单价是1 ，我输入 2的时候 显示的还是1，但是单价计算的总金额笔已经改变了，我去掉 @input 就可以改变input值了,问下怎末解决？？