Category: Vue.js

27
Мар
2020

Как сформировать из формы JSON файл для отправки запроса на сервер?

У меня собран проект на vue js, делаю запросы на сервер с помощью axios. С сервера прилетают данные для выпадающих списков в форме. Пользователь выбирает необходимое и тыкать отправить.

Отправка на сервер данных сформированных пользовател…

26
Мар
2020

v-for с vuex когда рендеришь формы в цикле

В доке vuex очень мало сказано про то, как нам его использовать с v-for. По крайней мере, для меня этого не достаточно, чтоб понять, как действовать в моем случае.
Итак, у меня есть следующий UI:

Поясню, что тут происходит. При каждом …

26
Мар
2020

Как интегрировать в проект на Laravel vue библиотеку админки

Всё время занимался только бэкэндом. Фронтэтнд для меня закончился на использовании jquery. Решил освоить и эту сферу, но пока что то тяжко.

Нужно реализовать для сайта админ панель. Решил не делать костыли, а использовать что то популярн…

25
Мар
2020

Как сделать выбор/переключение между элементами на Vue.JS?

Мне нужно сделать переключение между элементами на VueJS. Я пытался сделать это сам, но у меня не получилось. Получилось сделать это только на JavaScript. Вот что получилось у меня на JS:

const img = document.querySelectorAll(‘.img’);
c…

24
Мар
2020

Мутации в модулях vuex

у меня есть два модуля vuex, модуль ‘a’ и модуль ‘b’ state находится в модуле ‘a’, при попытке вызвать в модуле ‘b’ state в mutations выдает пустой объект, я знаю что если вызывать state в модуле то он вызовит локальный state.

Мне же нужн…

22
Мар
2020

Реактивность при изменении свойства в computed

У меня данные приходят со стора

…mapGetters({
faqs : ‘faq/faqs’,
}),

Далее идет computed свойство которое вовращает элементы в зависимости от того, что ввел пользователь в поле “поиск”. По дефолту показываются все элем…

21
Мар
2020

Оставить не найденое значение в поле ввода vue-multiselect

Использую компонент vue-multiselect. Когда произвожу поиск и значений не найдено, мне нужно сохранить это введенное значение, а оно автоматически удаляется после события blur multiselect. Как его сохранить введенным.
Возможно это можно реа…

19
Мар
2020

Подскажите, почему watch не срабатывает? Выдает ошибку : Error in callback for watcher "form": "TypeError: Cannot read property ‘call’ of undefined"

Необходимо отслеживать изменения в объекте формы, полей много, приведу маленький кусочек.

<b-form-input
id=”id-repo-label”
v-model=”
form.SPCEX_DOC.document.selection_info.selection_info_rec.finstr…

18
Мар
2020

Node JS + Express – валидация пользователя

День добрый!
Пытаюсь сделать валидацию пользователя на сервере. Бэк-енд с фронтом ещё не связан, для тестирования сервера использую postman. Я специально раздал разные коды ошибок что бы видеть какое условие не сработало, но сервер возвра…

16
Мар
2020

Почему в methods Vue функция работает без указания слова function?

Недавно начал изучать Vue и после перехода с python случайно написал такой код:

methods: {
foo() {},
}

Код работает точно так же как, если бы написать корректно:

methods: {
foo: function() {},
}

Собственно. Почему работает пе…

16
Мар
2020

Laravel npm run dev ошибка выдает

При запуске npm run dev выдает ошибку

@ development: cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js –progress –hide-modules –config=node_modules/laravel-mix/setup/webpack.config.js

Я пробовал npm install cross-env …

14
Мар
2020

Как сверстать такой список? VUE.JS

Во front-end я новичок. Подскажите, как сверстать данную таблицу? Не знаю как реализовать такую логику. Данные падают извне в виде массива объектов. Один объект соответствует одной строке таблицы.

P.S. На две кнопки справа вверху не обращ…

13
Мар
2020

Ошибка при встраивании vue шаблона в blade страницу

Открывая страницу с указанным блейдом в консоли проскакивает ошибка ‘header’ not defined. Переменная header указанна в модуле отличном от используемого на странице, в модуле control-template таким образом:

export default { props:[

По…

12
Мар
2020

Vue js, Element Ui Checkbox, проставить все значения по умолчанию

подскажите пожалуйста как проставить все значения по умолчанию в компоненте Checkbox. Делал таким способом. В принципе работает. Но сейчас появилась нужда использовать подобный компонент, но со списком значений в массиве на 200 штук. И мой…

12
Мар
2020

Как управлять жизненым циклом структуры JSON во VUE.JS

Есть таблица, которая заполняется данными с сервера. В таблице, на каждой строке есть кнопка глаза для получения расширенной информации о строке (появляется дополнительное всплывающей окно с информацией). В том числе там есть информация чт…

12
Мар
2020

Какой выбрать язык для backend в связке с js, vue.js

Подскажите друзья, занимаюсь изучением js. Появилась необходимость получать с сервера(mssql) данные в виде json. Думал примерно наваять какой-то апи, которому я буду передавать sql command, а он с сервера мне эти данные будет возвращать, н…

11
Мар
2020

Как сделать дополнительное окно просмотра таблицы (данные с сервера JSON)?

У меня следующая ситуация. Я получаю данные с сервера и формирую таблицу на основание данных. Так же на каждой строке кнопка просмотра “подробнее”. Тыкаю на нее у меня выпадает все то что в строке (в таблице) плюс дополнительные данные (ко…

10
Мар
2020

Не отображаются обновленные данные Vue при изминении свойства с датой

На входе – имеем свойство ‘today’, вычисляемое свойство ‘CURRENT_YEAR’ и метод ‘prevYear’.
На выходе – при нажатии на стрелку влево вызывается метод который изменяет свойство (в нашем случае год) и в последствии чего шаблон должен обновить…

10
Мар
2020

Как передать данные полученные с сервера в таблицу vuetify vue.js?

Делаю запрос на сервер с помощью axios в проекте vue.js. Получаю данные с сервера и пытаюсь их оформить в таблицу. Для начала пробую положит в одну колонку count, который равен 1. Таблица все равно пустая выходит.

Получаю следующие данные…