I'm working on a form that I need to complete using Vue.JS. Basically, I need to update the value of the "price_vat" field with some calculations every time an input named "price_user" is updated. Usign jquery everything is going on. Using Vue does not pass docking data to the POST method.
<div class="col-md-6" v-show="form.active">
<div class="form-group">
<label >{{__('Price')}}</label>
<input type="number" v-model="form.price_user" class="form-control">
</div>
</div>
<div class="col-md-6" v-show="form.active">
<div class="form-group">
<label >{{__('Price with VAT')}}</label>
<input type="number" v-model="form.price_vat" class="form-control">
</div>
</div> 
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
If I understand correctly, you want
form.price_vatto change every timeform.price_useris changed by typing in the input.You can do this using
watch. Just add the followingmethodsin vue:watch:{ 'form.price_user':function():{ this.form.price_vat += 1 }, }So in this code, every time
form.price_userchanges, you update the value ofform.price_vatto 1. You can perform any operation inside thewatchfunction.The complete
vuepart will be:data(){ return:{ form:{ price_vat :'', price_user : '', } } }, methods:{}, watch:{ 'form.price_user':function():{ this.form.price_vat += 1 }, }