Message (глобальное сообщение)

Глобальная облегчённая полоса обратной связи, отображается в верхней части страницы. LhMessage.success('Сохранено') — вызвал и забыл; сообщение типа loading закрывается вручную.

Глобальное сообщение

<template>
  <div class="demo-col">
    <div class="demo-row" style="gap: 12px; flex-wrap: wrap">
      <LhButton @click="show('info')">Информация</LhButton>
      <LhButton type="primary" @click="show('success')">Успех</LhButton>
      <LhButton type="warning" @click="show('warning')">Предупреждение</LhButton>
      <LhButton type="danger" @click="show('danger')">Опасность</LhButton>
      <LhButton @click="showLoading">Загрузка</LhButton>
      <LhButton @click="showClose">С кнопкой закрытия</LhButton>
      <LhButton @click="closeAll">Закрыть все</LhButton>
    </div>
    <p class="demo-note">LhMessage.success('Сохранено') — самый частый вариант; сообщение типа loading закрывается вручную.</p>
  </div>
</template>

<script>
export default {
  methods: {
    show(type) {
      LhMessage[type]('Это сообщение типа ' + type)
    },
    showLoading() {
      LhMessage.loading('Сохранение…')
    },
    showClose() {
      LhMessage({ content: 'Сообщение с ручным закрытием', showClose: true })
    },
    closeAll() {
      LhMessage.closeAll()
    },
  },
}
</script>

Сервисный API

LhMessage('Обычное сообщение')         // по умолчанию info
LhMessage.success('Сохранено')         // info / success / warning / danger / loading
LhMessage({ content: 'Можно закрыть', showClose: true, closeLabel: 'Понятно' })
LhMessage.closeAll()                   // закрыть все

Message Props

Проп	Описание	Тип	По умолчанию
content	Содержимое сообщения	string	—
type	Тип	'info' \| 'success' \| 'warning' \| 'danger' \| 'loading'	'info'
showClose	Показывать ли кнопку закрытия	boolean	false
closeLabel	Имя кнопки закрытия для доступности (если не передано, берётся message.close из языкового пакета)	string	—
sx	Проп sx для быстрого макета	—	—

Совет

Сообщение типа loading не закрывается автоматически: после завершения бизнес-логики вызовите LhMessage.closeAll() либо самостоятельно удерживайте дескриптор.