vue 获取el-input 绑定的value值求指导！

Question

我有三个el-input，最后一个会根据前两个的值来自动计算。但最后一个可以手动填，也可以不填。于是我在最后一个el-input上绑定了:value。提交时使用v-model值。问题是，我填写了前两个输入框之后，第三个输入框的值自动计算了，再我没有手动输入的情况下，v-model是取不到值得。大佬求解data(){return{income:'',principal:'',investment_cycle:'',}};},

Answer 1

可以使用监听:
data(){
return{
settlement:{
income:'',
principal:'',
investment_cycle:'',
}
}
};
},
watch:{
'settlement':{
handler(val){
//判断当第一个和第二个input值改变时才触发
if(val.principal&&val.investment_cycle){
//当第一个和第二个input值改变时计算
this.$set(val,'income',val.principal*val.investment_cycle)
}
},
deep:true
}
}
然后三个input的绑定分别如下: