Tengo tres campos de entrada y quiero calcular la función PPMT después de que el usuario termine de escribir los valores, pero primero tengo que hacer algunos cálculos. Tengo algunos valores que debo definir (Rate, per, nper, pv, fv, type). El valor "por" primero es 1 y continúa creciendo sin iluminar "nper" es 0. Traté de usar una propiedad calculada para esto, pero la página sigue recargando. ¿Debo hacer los cálculos en un método primero y luego llamar a la propiedad calculada o hay alguna solución para esto?

 <template> <div class="table"> <table> <thead> <th>Type</th> <th>Segment</th> <th>Position</th> <th>10/2021</th> </thead> <tbody> <tr> <td>Input</td> <td>New p</td> <td>New Volumes</td> <td><input type="number" v-model="pv" /></td> </tr> <tr> <td>Input</td> <td>New p</td> <td>Ir %</td> <td><input type="number" v-model="rate" /></td> </tr> <tr> <td>Input</td> <td>New p</td> <td>Tenor</td> <td><input type="number" v-model="nper" /></td> </tr> <tr> <td>Calc</td> <td>Calc</td> <td>PPMT</td> <td>{{ ppmt }}</td> </tr> </tbody> </table> </div> </template> <script> import ExcelFormulas from "../excelFunctions"; export default { data() { return { rate: 0, pv: 0, nper: 0, per: 1, }; }, computed: { ppmt() { let ppmt = 0; while (this.nper >= 0) { let calc = ExcelFormulas.PPMT(this.rate / 12, this.per, this.nper, this.pv, 0, 0) ?? 0; ppmt += calc; this.per++; this.nper--; } return ppmt; }, }, }; </script>