Hay 3 etiquetas separadas en mi modal. Quiero hacer diferentes operaciones matemáticas en cada etiqueta. Hay 3 entradas en cada etiqueta. 2 de ellos para introducir números y el otro para dar el resultado. Por ejemplo, tengo el problema x + y = z en la primera etiqueta y tengo que encontrar el valor z. En la segunda etiqueta, deje que la fórmula x+y=z vuelva a ser el problema, debo ingresar los valores de x y z y encontrar el valor de y. En la tercera etiqueta, debo ingresar los valores de y y z y encontrar el valor x. Mi pregunta es, ¿no puedo escribir los valores que necesito encontrar en 3 etiquetas separadas en un solo cálculo?

Producción:

Modelo:

 <form> <div class="row"> <div class="mb-3 col-sm-4 col-xs-12"> <h6 class="text-dark" for="purchasePrice">x</h6> <input type="text" class="form-control" autocomplete="off" v-model="x" /> </div> <div class="mb-3 col-sm-4 col-xs-12"> <h6 class="text-dark" for="salePrice">y</h6> <input type="text" class="form-control" autocomplete="off" v-model="y" /> </div> <div class="mb-3 col-sm-4 col-xs-12"> <h6 class="text-dark" for="marginResult">z</h6> <input type="text" class="form-control" autocomplete="off" disabled v-model="z" /> </div> </div> </form>

Guion

 data() { return { x: 0, y: 0, z: 0, }; }, computed:{ },