Directivas v-if, v-else, v-else-if, v-show
Problema:
Ingresar un valor entre 1 y 100. Mostrar en castellano la cantidad de dígitos que tiene.
pagina.html
funciones.js
estilos.css
Ejecución de la página
<!doctype html> <html> <head> <title>Prueba Vue</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </head> <body> <div id="aplicacion"> <p>Ingrese un valor entre 1 y 100: <input type="number" v-model="numero" min="1" max="100"></p> <p v-if="numero<=9">Tiene un dígito</p> <p v-else-if="numero<=99">Tiene dos dígitos</p> <p v-else>Tiene tres dígitos</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script> var app=new Vue({ el: '#aplicacion', data:{ numero : 1 } }) </script> </body> </html>
No tiene disponible el navegador la capacidad de iframe