Usos comunes del componente de extensión uni-app uni-easyinput
Ejemplo de componente: ejemplo de cuadro de entrada mejorado uni-easyinput
I. Atributos básicos
1. Atributos básicos
1. Uso básico
lt;uni-easyinput type="text" v-model="formData.age" placeholder="Ingrese su edad" /gt;
v-model son datos enlazados bidireccionalmente
marcador de posición es el valor predeterminado que se muestra
el tipo representa el tipo (ps: cuando el tipo es un número, la tarjeta de identificación y solo dígitos El efecto se puede ver en teléfonos móviles)
Cuando type = textarea, se puede usar más autoHeight para usar la altura automática del texto de varias líneas, lo que ajustará la altura de visualización del cuadro de entrada. según el contenido
Cuando type=textarea, se puede usar más autoHeight para usar la altura automática del texto de varias líneas, lo que ajustará la altura de visualización del cuadro de entrada siguiendo el contenido
lt; uni-easyinput type="textarea" autoHeight v-model="value" placeholder="Ingrese el contenido"gt;lt;/uni-easyinputgt;
2. ¿Desactivar? Deshabilitado
lt;uni-easyinput deshabilitado type="text" v-model="formData.age" placeholder="Ingrese su edad" /gt;
3. icono, suffixIcon icono derecho)
(¡¡Los iconos actualmente solo admiten íconos uni-icons integrados!!)
(!! Introduzca uni-icons antes de usarlos; de lo contrario, no funcionará. Si no sabe cómo presentar la solicitud, puede consultar este enlace: Introducción a los componentes uni-ui)
lt; uni-easyinput prefixIcon="search" v-model="formData.easyinput" marcador de posición
lt;uni-easyinput? suffixIcon="search" v-model="formData.easyinput" placeholder="Ingrese el contenido"gt;lt;/uni-easyinputgt;
lt;uni-easyinput? suffixIcon="search" v-model="formData.easyinput" placeholder="Ingrese el contenido"gt;lt;/uni-easyinputgt;
4. Cancelar el borde
lt; uni-easyinput: inputBorder="false" placeholder="Ingrese un nombre"gt;lt;/uni-easyinputgt;
Eventos comunes