Если вы когда-либо делали веб-разработки, я совершенно уверен, что вы столкнулись с ситуацией, когда вам нужно предупредить пользователя или попросить ответа на определенное событие, и в этом случае вы, вероятно, использовали Alert () сделать это. Но давайте будем настоящими, это просто выглядит непрофессиональным, и это стиль, вероятно, не соответствует остальной части вашей сети.
Есть несколько трюков, чтобы добавить немного стиля в «оповещение» (например, создание элемента HTML и побудить функциональность оповещения ()), но есть способ сделать его таким простым, но настолько хорошим и красивым, что вы будете использовать его Для каждого проекта отныне.
Sweedalert2 Это фантастическая библиотека, которая дает нам хорошую и чистую альтернативу, когда речь идет о том, чтобы отобразить сообщения нашим пользователям.
Как установка, так и использование его действительно легко, вы можете использовать NPM или JSDELIVR CDN, просто следуйте за шаги
И самая лучшая часть заключается в том, что мы можем использовать его на реакции, Vue, угловой и простой HTML и JS.
Это пример, используя только HTML и JavaScript.
Легко справа? Ну с реагированием не сложнее, это пример кода:
И вот это с Vue:
Как видите, библиотека действительно универсальная, так как есть много настраиваемых предупреждений на выбор, и мы можем даже полагаться на него, когда дело доходит до определенной логики, как удаление файла или нет.
Кроме того, вы можете установить Темы Если вам не нравится предустановленная.
И это все! Надеюсь, что эта библиотека может помочь вам с вашими будущими проектами!
Оригинал: “https://dev.to/dd8888/create-better-notifications-for-your-web-7c6”