Обновить библиотеку vue-toast-notification

Я работаю с vue, установил библиотеку vue-toast-notification.

Это мой код:

this.$toast.info(`<i class = "fa fa-cog fa-spin"></i> start`)
looping -> send req and res status
this.$toast.info(`<i class = "fa fa-cog fa-spin"></i> Building... ${status}`)
end looping
this.$toast.info(`done!`)

Каждое здание тоста отображается на новой строке.

Я хочу видеть только соответствующий ответ, я не хочу, чтобы уведомление появлялось каждый раз. Я только хочу видеть, что обновление было сделано успешно.

Пожалуйста, отправьте дополнительную информацию. лучше написать весь компонент в вашем вопросе.

— 17.03.2022 11:12

javascript vue.js

17.03.2022 11:09

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

вам нужно создать const toast следующим образом:

  const toast = this.$toast.default(
     `<i class = "fa fa-cog fa-spin"></i> start`,
      { duration: 0, dismissible: false }
  )

и обновить так:

toast.message =`<i class = "fa fa-cog fa-spin"></i> Building... ${status}`

после цикла:

toast.message =`done!`

17.03.2022 11:14

Другие вопросы по теме

Vue неправильно отображает html

Проблема с Typescript в VueJS с setProperty

Установка Yarn не приносит файлы Vue

Создание порядковых номеров в столбце auto table jspdf VusJs

Вычисляемое свойство + Показать/скрыть DIV

Закрытие компонента Vue.js по клику

Сборка смеси Laravel остановилась через некоторое время и очень медленная

Получение данных с помощью axios с сервера json

Как я могу прокрутить на 100 vh каждый компонент в vue?

Невозможно предварительно просмотреть приложение Vue, разработанное с помощью Vite, в iframe стороннего инструмента (но можно с помощью Vue CLI)

Обновить библиотеку vue-toast-notification

Ответы 1

Другие вопросы по теме

Похожие вопросы