If you develop complex Vue.js app your devServer can show some error ResizeObserver loop limit exceeded. You can fix it by added bellow code to end into your main.js script If not helped this code you can disable error overlay in webpack 5 Пожалуйста, оцените материал Sample rating item
Clear trailing slash in vue-router app
Hello everyone. In this post i ant talk about process of clearing trailing slash in url of vue app with vue-router plugin Let’s say we have such a router There are no errors in this code, this is, rather, a flaw in the view-router plugin that cannot process the last slash. In the documentation, you […]
Введение в Vuex
Пожалуйста, оцените материал Sample rating item
Double Click event in Vue.js
This example will show you how to organize a double click event in Vue.js Пожалуйста, оцените материал Sample rating item
Стартовый код Cordova и Vue.js
Чтобы программировать для Cordova на современном фреймворке Vue.js необходимо учитывать факторы, которые дают знать коду на Vue.js, что все ресурсы устройства загружены и начался черед исполнения кода на Vue.js. Ниже представлен скелет данного кода. По сути дела, это переделанный код из файла по умолчанию index.js в понятный вид: var app = { initialize: function() { […]
Расширенное поле типа select, tag, search, input в одном флаконе на Vue.js
Данный проект называется Vue Select и доступен по ссылке. Много примеров его использования по ссылке на CodePen. Ниже представлен простой пример того, как его использовать в базовом предназначении: Пожалуйста, оцените материал Sample rating item
Диалоговое окно на Vue.js
В данном посте представлено диалоговое окно на Vue.js. Окно использует сетку bootstrap и реализовано в виде компонента, но ничего не мешает видоизменить без bootstrap и оформить в виде модуля. Все что нужно — это добавить код компонента на страницу: Vue.component(«viewer-dialog», { template: `<div id=»dialogViewer»> <div class=»viewerBox» v-show=»activeViewer»> <div class=»container-fluid»> <div class=»row»> <div class=»col-3″></div> <div class=»col-6″></div> […]
Связь между компонентами в Vue.js
Допустим, есть задача связать корневой компонент или приложение Vue.js с дочерними компонентами и наоборот. Есть несколько методов, здесь приведен классический пример обмена данными между компонентами Vue.js. Причем, во Vue.js нет горизонтального обмена данными между дочерними компонентами, все компоненты должны обращаться к главному , а главный может обращаться к любому дочернему и может выступать между ними […]
Компонент добавления тегов в Vue.js
Представим, что у нас есть задача сделать компонент в виде формы ввода тегов. Не буду вдаваться в подробности, но скажу, что компонент может быть записан в отдельные файлы component.js и component.css и подключить обычным образом к странице. В Cordova, к примеру, пока это единственный способ использовать внешние компоненты, загружаемые в виде отдельных модулей, потому что нет […]
Некоторые полезные сниппеты на Vue.js
Как создать список select с предустановленным значением option? К примеру, есть задача загнать в select список данных с значением и его названием и чтобы какая-то опция была выбрана по умолчанию. Ниже представлен этот код: Пожалуйста, оцените материал Sample rating item