Utilizing a common function to update the values of two inputs, here is an example:
<b-input
v-model="ownerProps.approver2ExtraCost"
@blur="onClick($event)"
class="inputBuefy"
></b-input>
</div>
<b-input
class="inputBuefy"
@blur="onClick($event)"
v-model="ownerProps.approver3ExtraCost"
></b-input>
</div>
Although they have distinct v-models, I am using the same method to modify their values in my methods property.
onClick(e) {
console.log(e.target.value);
e.target.value = "dfg";
}
The issue arises when updating one input and encountering leftover values from previous entries. For instance:
If 'ABC' is typed into the first input
then replaced with 'dfg'
Subsequently, if 'HIJ' is entered in the next input
the first input retains its prior value of 'ABC'
when it should have kept 'dfg'