Message (notification globale)

Bandeau léger de retour global, affiché en haut de la page. LhMessage.success('Enregistré') s'utilise à la volée ; le type loading doit être refermé manuellement.

Notification globale

<template>
  <div class="demo-col">
    <div class="demo-row" style="gap: 12px; flex-wrap: wrap">
      <LhButton @click="show('info')">Information</LhButton>
      <LhButton type="primary" @click="show('success')">Succès</LhButton>
      <LhButton type="warning" @click="show('warning')">Avertissement</LhButton>
      <LhButton type="danger" @click="show('danger')">Danger</LhButton>
      <LhButton @click="showLoading">Chargement…</LhButton>
      <LhButton @click="showClose">Avec bouton de fermeture</LhButton>
      <LhButton @click="closeAll">Tout fermer</LhButton>
    </div>
    <p class="demo-note">LhMessage.success('Enregistré') est la forme la plus courante ; le type loading doit être refermé manuellement.</p>
  </div>
</template>

<script>
export default {
  methods: {
    show(type) {
      LhMessage[type]('Notification ' + type)
    },
    showLoading() {
      LhMessage.loading('Enregistrement en cours…')
    },
    showClose() {
      LhMessage({ content: 'Notification fermable manuellement', showClose: true })
    },
    closeAll() {
      LhMessage.closeAll()
    },
  },
}
</script>

API de service

LhMessage('Notification simple')         // info par défaut
LhMessage.success('Enregistré')          // info / success / warning / danger / loading
LhMessage({ content: 'Refermable', showClose: true, closeLabel: 'Compris' })
LhMessage.closeAll()                     // Tout refermer

Message Props

Propriété	Description	Type	Valeur par défaut
content	Contenu de la notification	string	—
type	Type	'info' \| 'success' \| 'warning' \| 'danger' \| 'loading'	'info'
showClose	Affiche le bouton de fermeture	boolean	false
closeLabel	Nom accessible du bouton de fermeture (pack de langue message.close si non transmis)	string	—
sx	Raccourci de mise en page sx	—	—

Astuce

Le type loading ne se referme pas automatiquement : appelez LhMessage.closeAll() à la fin du traitement, ou conservez une référence sur le message.