En mi código Vue JS a continuación, ingresé el total price y dos entradas paid y percentage , quería hacer un algoritmo que lo que el usuario escribiera dentro de la entrada paid , se debe completar un porcentaje automático en la entrada de percentage y, por supuesto, este porcentaje es de entrada de total price , también cuando el usuario escribe en la entrada de percentage , el paid debe completarse automáticamente y así sucesivamente.
¿Hay alguna manera de hacer esto en Vue js?
PD: escribí v-model=instpaid y v-model=instprice que publica datos en la API
<input type="number" v-model="instPrice" class="price-input mt-3" placeholder=" total price" required /> <br /> <input type="number" v-model="instPaid" class="price-input mt-3" placeholder=" paid " required /> <input type="number" class="price-input mt-3" placeholder=" percenatge" required />Tal vez algo como el siguiente fragmento:
new Vue({ el: "#demo", data() { return { instPrice: 0, instPaid: 0, pct: 0 } }, methods: { calc(pct) { pct === true ? this.instPaid = (this.instPrice / 100 * this.pct).toFixed(2) : this.pct = (this.instPaid / this.instPrice * 100).toFixed(2) } } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <input type="number" v-model="instPrice" placeholder=" total price" required /> <br /> <input type="number" v-model="instPaid" placeholder=" paid" @keyup="calc(false)" required /> <input type="number" placeholder=" percenatge" @keyup="calc(true)" v-model="pct" required /> </div>