0
149
Views¿Ingresar NaN en Vue3?
Hay una fórmula que calcula el margen. Mi problema aquí es que cuando no ingreso un número, el valor de NaN se devuelve en el valor z. ¿Cómo puedo eliminar NaN y dejarlo en blanco? 
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="purchasePrice" @keypress="isNumber($event)" /> </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="salePrice" @keypress="isNumber($event)" /> </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 :value=" ( ((parseInt(salePrice) - parseInt(purchasePrice)) / parseInt(salePrice)) * 100 ).toFixed(3) " /> </div> </div> </form>
·
Juan Pablo Isaza
1 answers
Answer question0
Como sugiere el comentario, debe intentar que el siguiente código funcione como esperaba.
<template> <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="purchasePrice" @keypress="isNumber($event)" /> </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="salePrice" @keypress="isNumber($event)" /> </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="marginResult" /> </div> </div> </form> <script> export default { data() { return { purchasePrice: '', salePrice: '', } }, methods: { isNumber(e) { if (e.keyCode < 48 || e.keyCode > 57) { e.preventDefault(); } } }, computed: { marginResult() { return (this.salePrice - this.purchasePrice).toFixed(2); } }, } </script>Captura de pantalla para que verifiques si el código funciona o no
opp está esperando en blanco, devuelve 0.00 pero obtiene la idea.
·
Juan Pablo Isaza
Report
Answer question