El componente de mensaje elementui elimina el icono delante del texto, establece el tipo y establece la duración

El componente de mensaje elementui elimina el icono delante del texto, establece el tipo y establece la duración

1. Referencia del documento

La configuración de iconClass sobrescribirá el tipo, por lo que debe configurar customClass.
inserte la descripción de la imagen aquí

  • El atributo customClass, agrego otros nombres de clase definidos por mí mismo durante el proceso de depuración no tiene efecto, solo escriba el-message-error estos mensajes para solicitar que el nombre de la clase tenga efecto, se puede configurar qué tipo de información debe mostrarse usted mismo de acuerdo con los nombres de clase a continuación, la información es la predeterminada, sin configuración adicional
    .el-message--error\\.el-message--warning.el-message--success

2. El efecto es el siguiente:

inserte la descripción de la imagen aquí

3. Implementación del código

this.$message({
  message: '这是一条提示信息',
  type: 'error',
  iconClass: ' ', // 这个会覆盖图标类名,为了实现去掉图标的操作
  customClass: 'el-message--error', // 这个是由于上面设置了iconClass会覆盖掉type,所以需要再设置
  duration: 5000 // 这个是时长设置
});

Los amigos que tengan otras necesidades pueden consultar los documentos oficiales o dejar un mensaje a continuación para discutir ~~

Supongo que te gusta

Origin blog.csdn.net/DarlingYL/article/details/125847733
Recomendado
Clasificación