Saltar al contenido

Validación de formularios en Vuejs usando VeeValidateFeb, 3rdIn este tutorial, vamos a aprender acerca de cómo validar las formas de …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo validar formas en vuejs utilizando veevalidatelibrary.

Creación de Vue App

Vamos a crear la nueva aplicación Vue ejecutando el siguiente comando en su terminal.

vue create vue-form-validation && cd $_

Este comando anterior se descargará la aplicación Vue archivos relacionados en la carpeta vue-form-validación y cambie el directorio de trabajo actual a vue-form-validación.

Instalación VeeValidate

vamos a instalar la biblioteca VeeValidate ejecutando el siguiente mandato en su terminal.

npm i vee-validate

Una vez que ha instalado con éxito la biblioteca uve-Validar ahora abrir la carpeta de vue-forma-de validación en el editor de código favorito y que necesita decir vuejs utilizar esta biblioteca en V de validación.

import Vue from 'vue';
import VeeValidate from 'vee-validate';
import App from './App.vue'

Vue.use(VeeValidate);
Vue.config.productionTip = false

new Vue({
render: h => h(App),
}).$mount('#app')

Ahora podemos utilizar la biblioteca en V validar cualquier lugar formar nuestra aplicación vue. campo de entrada

Validando

Para validar campo de entrada tenemos que añadir el atributo v-validar con el valor requerido