Propiedades de Vuetify

Introducción

A continuación se listan las propiedades nativas de Vuetify que se pueden utilizar en IrSelect.

Propiedades

Las siguientes propiedades fueron extraidas desde Vuetify y no han sido probadas en su totalidad, las mismas serán confirmadas a medida que sean testeadas.

name	type	default	description
#append-icon	string	'$dropdown'	Agrega un ícono al componente, usa la misma sintaxis que v-icon
#append-outer-icon	string	undefined	Agrega un ícono al exterior de la entrada del componente, usa la misma sintaxis que v-icon
#attach	any	false	Especifica a qué elemento DOM debe separarse este componente. La cadena puede ser cualquier selector de consulta válido y el objeto puede ser cualquier nodo válido. Esto se adjuntará al v-appcomponente raíz de forma predeterminada.
#autofocus	boolean	false	Habilita el enfoque automático
#background-color	string	undefined	Cambia el color de fondo de la entrada.
#cache-items	boolean	false	Mantiene una copia única local de todos los elementos que se han pasado a través de la propiedad de elementos.
#chips	boolean	false	Cambia la visualización de selecciones a fichas
#clear-icon	string	'$clear'	Se aplica cuando se usa borrable y la entrada está sucia
#clearable	boolean	false	Agregar funcionalidad clara de entrada, el ícono predeterminado es Material Design Icons mdi-clear
#color	string	undefined	Aplica el color especificado al control; puede ser el nombre del color del material (por ejemplo , successo purple) o el color CSS ( #033o rgba(255, 0, 0, 0.5)). Puede encontrar una lista de clases integradas en la página de colores .
#counter	boolean | number | string	undefined	Crea un contador para la longitud de entrada; si no se especifica ningún número, el valor predeterminado es 25. No aplica ninguna validación.
#counter-value	function	null
#dark	boolean	false	Aplica la variante de tema oscuro al componente. Esto hará que el color de los componentes sea blanco de forma predeterminada, a menos que haya configurado el tema de su aplicación en oscuro o si está utilizando el accesorio de color en el componente. Puede encontrar más información en la documentación de Material Design para temas oscuros .
#deletable-chips	boolean	false	Agrega un ícono de eliminación a las fichas seleccionadas
#dense	boolean	false	Reduce la altura de entrada
#disable-lookup	boolean	false	Deshabilita la búsqueda de teclado
#disabled	boolean	false	Deshabilita la entrada
#eager	boolean	false	Obligará al contenido de los componentes a renderizarse montado. Esto es útil si tiene contenido que no se procesará en el DOM que desea rastrear para SEO.
#error	boolean	false	Pone la entrada en un estado de error manual
#error-count	number | string	1	El número total de errores que deberían mostrarse a la vez
#error-messages	string | array	[]	Pone la entrada en un estado de error y pasa a través de mensajes de error personalizados. Se combinará con cualquier validación que ocurra a partir de las reglas prop. Este campo no activará la validación.
#filled	boolean	false	> Aplica el estilo de entrada relleno alternativo
#flat	boolean	false	Elimina la elevación (sombra) agregada al elemento cuando se usan accesorios solo o solo invertidos
#full-width	boolean	false	Designa el tipo de entrada como de ancho completo
#height	number | string	undefined	Establece la altura de la entrada.
#hide-details	boolean | string	auto	Oculta sugerencias y errores de validación. Cuando se establece en auto, los mensajes se mostrarán solo si hay un mensaje (sugerencia, mensaje de error, valor de contador, etc.) para mostrar
#hide-selected	boolean	false	No mostrar en el menú de selección elementos que ya están seleccionados
#hide-spin-buttons	boolean	false	Oculta los botones giratorios en la entrada cuando el tipo se establece en number.
#hint	string	undefined	Texto de sugerencia
#id	string	undefined	Establece la identificación DOM en el componente
#item-color	string	'primary'	Establece el color de los elementos seleccionados
#item-disabled	string | array | function	disabled	Establecer la propiedad del valor deshabilitado de los elementos
#item-text	string | array | function	text	Establecer la propiedad del valor de texto de los elementos
#item-value	string | array | function	value	Establecer la propiedad del valor de los elementos : debe ser primitivo . Se admite la notación de puntos. Nota: Actualmente, esto no es compatible con v-combobox GitHub Issue
#items	array	[]	Puede ser una matriz de objetos o una matriz de cadenas. Al usar objetos, buscará un texto, valor y claves deshabilitadas. Esto se puede cambiar usando los accesorios item-text , item-value y item-disabled . Los objetos que tienen una propiedad de encabezado o divisor se consideran casos especiales y generan un encabezado o divisor de lista; estos elementos no son seleccionables.
	{ text: string | number | object, value: string | number | object, disabled: boolean, divider: boolean, header: string }
#label	string	undefined	Establece la etiqueta de entrada
#light	boolean	false	Aplica la variante de tema claro al componente.
#loader-height	number | string	2	Especifica la altura del cargador.
#loading	boolean | string	false	Muestra la barra de progreso lineal. Puede ser una cadena que especifica qué color se aplica a la barra de progreso (cualquier color de material o color de tema: primario , secundario , éxito , información , advertencia , error ) o un valor booleano que usa el color del componente (establecido por color prop - si es compatible con el componente) o el color primario
#menu-props	string | array | object	{ closeOnClick: false, closeOnContentClick: false, disableKeys: true, openOnClick: false, maxHeight: 304 }	Pase accesorios al v-menucomponente. Acepta una cadena para accesorios booleanos menu-props="auto, overflowY"o un objeto:menu-props="{ auto: true, overflowY: true }"
#messages	string | array	[]	Muestra una lista de mensajes o mensaje si se usa una cadena
#multiple	boolean	false	Cambia la selección a múltiple. Acepta matriz por valor
#no-data-text	string	'$vuetify.noDataText'	Mostrar texto cuando no hay datos
#open-on-clear	boolean	false	Al usar el elemento borrable , una vez borrado, el menú de selección se abrirá o permanecerá abierto, según el estado actual
#outlined	boolean	false	Aplica el estilo delineado a la entrada.
#persistent-hint	boolean	false	Forza la sugerencia de estar siempre visible
#persistent-placeholder	boolean	false	Obliga al marcador de posición a estar siempre visible
#placeholder	string	undefined	Establece el texto del marcador de posición de la entrada
#prefix	string	undefined	Muestra el texto del prefijo
#prepend-icon	string	undefined	Antepone un icono al componente, usa la misma sintaxis que v-icon
#prepend-inner-icon	string	undefined	Antepone un ícono dentro de la entrada del componente, usa la misma sintaxis que v-icon
#readonly	boolean	false	Pone la entrada en estado de solo lectura
#return-object	boolean	false	Cambia el comportamiento de selección para devolver el objeto directamente en lugar del valor especificado con item-value
#reverse	boolean	false	Invierte la orientación de entrada
#rounded	boolean	false	Agrega un radio de borde a la entrada
#rules	array	[]	Acepta una variedad mixta de functiontipos booleany string. Las funciones pasan un valor de entrada como argumento y deben devolver true/ falseo un stringmensaje de error. El campo de entrada entrará en un estado de error si una función devuelve (o cualquier valor en la matriz contiene) falseo es unstring
#shaped	boolean	false	Redondea si outlinedy aumenta border-radiussi filled. Debe usarse con uno outlined o filled
#single-line	boolean	false	La etiqueta no se mueve en foco/sucia
#small-chips	boolean	false	Cambia la visualización de selecciones a fichas con la propiedad pequeña
#solo	boolean	false	Cambia el estilo de la entrada.
#solo-inverted	boolean	false	Reduce la opacidad del elemento hasta que se enfoca
#success	boolean	false	Pone la entrada en un estado de éxito manual
#success-messages	string | array	[]	Pone la entrada en un estado de éxito y pasa a través de mensajes de éxito personalizados.
#suffix	string	undefined	Muestra el texto del sufijo
#type	string	'text'	Establece el tipo de entrada
#validate-on-blur	boolean	false	Retrasa la validación hasta el evento de desenfoque
#value	any	undefined	El valor de la entrada
#value-comparator	function	(a: any, b: any): boolean	El algoritmo de comparación utilizado para los valores. Más información