Elemento de Uso de los componentes en conjunto

A: problemas de componentes el-imagen

Directamente el-componente de imagen hace que un problema: cuando el usuario hace clic en la imagen de barra de desplazamiento desaparece cuando la página !

La razón: hay una API de tales componentes:

parámetros	explicación	tipo	El valor por defecto
de desplazamiento de contenedores	Cuando se activa la carga diferida, vigilancia de los eventos de desplazamiento de contenedores	cadena / HTMLElement	Recientemente valor de desbordamiento de un elemento padre del desplazamiento automático o

 

 

 

 

Solución: la página Configuración global desplazamiento estilo prioridad: body { overflow: el Rollo Importante ;! } Resolución de Problemas

 

---

 

Grande-imagen EL inválida vista previa

parámetros	explicación	tipo
preview-src-list	Abrir una función de imagen de previsualización	Formación

 

 

 

 

Solución: Comprobar si los datos se une a una matriz, de V para recorrer la matriz que se unen a src, el ciclo de unión serie de fotos de vista previa

---

el-imagen no válida carga perezosa

parámetros	explicación	tipo	El valor por defecto
perezoso	Ya sea para la carga diferida abierto	booleano	falso

 

 

 

Solución: Compruebe si el diseño de imagen es la distribución de la carga de diseño predeterminado de flex, flex todas las imágenes, perezoso baja prioridad cargada

　　Dos: EL-conjunto para uso backtop

copia el-backtop y pegar componentes no tiene ningún efecto

Solución: Los componentes en la capa más externa dentro de la primera caja, que se utiliza para quitar el atributo de destino (la propiedad de destino predeterminada es la caja exterior): <EL-backtop: = fondo "100"> ↑ </ EL-backtop>

　　menú de navegación NavMenu / el-menú: Tres

el-menú: cuando se actualiza la página submenú no se expande

parámetros	explicación	tipo	El valor por defecto
enrutador	Si el modo de vue-enrutador	booleano	falso
única a abrir	Aunque sólo sea para mantener un submenú de expansión	booleano	falso
default-activo	El índice de menú activo actualmente	cuerda	-

 

 

 

 

 

 

Solución: utilice los tres anteriores API común, el router abrir un submenú de enrutamiento y único modo abierto de uso directo, necesidad default-activa al submenú unen dirección de enrutamiento

写法: : default-activa = "$ route.path"

pequeña introducción el-submenú, prestar atención para establecer el índice y la clave

uso-elemento de menú el:

parámetros	explicación	tipo
índice	El único signo	cuerda

 

 

 

 

Tenga en cuenta que el índice debe ser vinculante dirección de enrutamiento, escribiendo: Índice = "/ la usuario" aquí enrutamiento de direcciones debe ser " / comenzando", lo contrario de lo anterior es la unión de activación no válida

　　Cuatro: el mensaje y las indicaciones de mensajes de cuadro de mensaje

indicaciones de mensajes mensaje no se pueden utilizar

Tenga en cuenta que la referencia y el uso, si los componentes se introducen por separado en:

El uso no es el caso: Vue.use (el mensaje)

Pero: . Vue.prototype el mensaje $ = el mensaje  cambie directamente el prototipo

Tenga en cuenta que el mensaje $ son libres de cambiar el texto, pero lo mejor es no cambiar, porque si la línea cdn-citado y se utiliza un diferentes causan errores finales

Uso:　 . Message.success del este $ ( 'esto tiene éxito texto del mensaje!')

　　　　esto. message.error $ ( 'esto es un texto de solicitud fracaso!')

 

caja de bomba uso de mensaje

ídem

especificación recomendada introducido: Vue . Prototipo . $ Confirm El = MessageBox . confirman la

Uso: . La presente $ Confirmar La ( '......')

　　Cinco: La paginación / EL-paginación paginación

 

 

Los parámetros de la función de paginación completos

　　<el-paginación 
      @ tamaño de cambio = "handleSizeChange"每页多少条
      @ corriente de cambio = "handleCurrentChange"当前多少页
      : corriente-page = "currentPage4" 
      : page-tamaños = "[100, 200, 300, 400] " 
      : page-size =" 100" 
      de diseño = "Total, tamaños, prev, buscapersonas, siguiente, jumper" 
      : Total = "400"> 
    </ el-paginación>