Публикации по теме vue

Публикации по теме 'vue'

Как предотвратить отправку нескольких форм в Vue.js

Самый простой способ предотвратить отправку нескольких форм в Vue.js — использовать HTML-атрибут «кнопка» disabled, чтобы сделать кнопку формы неактивной. Это логический атрибут, мы можем установить его в значение true сразу после отправки формы. Вот синтаксис HTML: <button type="button" disabled>Click Me!</button> Теперь давайте настроим наш тег формы и добавим часть Vue.js. <form @submit="submitForm"> <button type="submit" :disabled="isLoading">Log..

Vue 3 и API композиции

Vue 3 не за горами, давайте посмотрим, как нам помогает недавно представленный Composition API. Недавно я посетил конференцию Vue в Торонто, которая включала темы от Vue 3, чего ожидать от Vue в будущем, до общего тестирования E2E с Cypress и лучшей трассировки стека ошибок при обнаружении ошибок. Что больше всего привлекло мое внимание и, возможно, ваше, так это Vue 3 и Composition API! Вью 3 Команда Vue проделала огромную работу над следующей версией Vue, которая, как ожидается,..

Иконки в Vuetify VStepper? Есть способ

Иконки в Vuetify VStepper? Есть способ Работать с Vue 2 и Vuetify — сплошное удовольствие: тщательно продуманные и хорошо работающие компоненты, настраиваемая тема (в рамках Material Design); это определенно позволяет вам быстро продвигаться вперед с вашим проектом. Но бывают случаи, когда вам нужно что-то, чего нет в библиотеке, готовые компоненты просто не могут этого сделать: это не большая вещь, поэтому создание компонента Material Themed было бы слишком хлопотно, но все же,..

Связь между родителями и детьми в Vue, Angular и React (все в TypeScript)

В этой истории мы рассмотрим взаимодействие между родительскими и дочерними компонентами в популярных интерфейсных технологиях - Vue, Angular и React. Мы рассмотрим, как компонент может передавать данные другим компонентам и как дочерний компонент может генерировать событие вместе со значением данных, которое родительский компонент может прослушивать. Мы будем следовать общему примеру - родитель передает некоторые предложенные имена пользователей дочернему компоненту. Дочерний компонент..

1. Привет, мир с Vue.js

Привет, Rockstars (музыка не включена)! Хотите погрузиться в мир Vue.js? Тогда чего мы ждем?! Хорошие новости. Начать работать с Vue до смешного просто. Давайте сделаем нашу ЦЕЛЬ довольно простой сегодня. Следуя вековой традиции, давайте постараемся отобразить сообщение «Hello World» на нашей веб-странице с помощью Vue. Настройка среды Поскольку мы решили сделать все просто, почему бы не использовать CDN , который по сути импортирует Vue.js с другого сервера. Позже в этой..

Создание реактивных интерфейсов веб-карт с помощью Vue, Cesium, Node и MySQL

Если вашему приложению требуется интерактивный интерфейс карты, доступно множество отличных опций. Я хотел бы описать базовую реализацию с использованием Vue.js, Cesium.js , Node и MySQL. Общий контекст заключается в том, что я создаю приложение, которое отображает сообщества по всему миру и предоставляет каждому сообществу пространство, где оно может хранить и обмениваться различными документами, изображениями и другими медиафайлами — своего рода онлайн-музей. Чего я хотел бы добиться,..

Настроить панель инструментов Vuetify со слотами Vue

Или как вообще использовать слоты vue.js. Если вы используете Vue.js, Vuetify - отличный плагин для быстрой загрузки любого проекта. Макет по умолчанию выглядит примерно так: Все хорошо, пока вы не начнете добавлять в роутер несколько видов и не столкнетесь с деликатной проблемой. У ваших представлений нет доступа к панели инструментов. Он здесь, он статичен и похоже, что нет способа сделать его динамичным. Есть много решений. Один из них - использовать Vuex для изменения..