Вопросы с меткой [vuex]

Vuex — это паттерн управления состоянием и библиотека для приложений на Vue.js

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
24 показа

Как правильно выполнить динамический vue роутинг?

Хочу сделать динамический роутинг для сайта, который зависит от изменения agreement. Есть следующее дерево путей: const routes = [ { path: "/", redirect: "/home"...
Summer Knight's user avatar
0 голосов
1 ответ
12 показов

Как динамически отслеживать изменение языка в библиотеке Vant?

Всем здравствуйте! Необходимо настроить язык для библиотеки Vant. В main для Vant усть следующие настройки: import { Locale } from 'vant'; import enUS from 'vant/lib/locale/lang/en-US'; import esES ...
Summer Knight's user avatar
0 голосов
1 ответ
42 показа

Как сохранить авторизацию на Vue.js?

Разрабатываю приложение на Vue.js 3. Делаю запрос к серверу который возвращает id пользователя, логин и токен. Мне нужно сохранить все эти данные для использования внутри приложения. Я использую vuex ...
iKey's user avatar
  • 2,454
0 голосов
0 ответов
20 показов

Не могу проверить route

Проблема следующая: пишу все на composition API. На страницах Login, Register, Reset необходимо НЕ показывать навигацию и футер, на остальных страницах показывать. В компонененте App.vue делаю ...
Meekwest's user avatar
0 голосов
0 ответов
15 показов

Vue 3 Биндинг checkbox на state vuex

Логика в приложении такая: есть TOGGLE чекбокс, который должен в state vuex изменять значение null на true, true на false, false на true и так далее. В зависимости от этого значения будут ...
Meekwest's user avatar
0 голосов
0 ответов
50 показов

Uncaught (in promise) ReferenceError: state is not defined

Появляется такая ошибка:overflow.com/image.jpg) Использую vuex, методом проб понял, что приложение ломается из-за состояния isPostsLoading: false в компоненте postModule.js . Это состояние мы ...
Александр Смирнов's user avatar
0 голосов
0 ответов
13 показов

Is Array of Objects reactive in VueJs 2.7?

Why is it reactive, I haven't find any info about it in documentation updateFieldSelectedArray(state, { index, key, value }) { state.selectedArray[index][key] = value; }, selectedArray is ...
WebM LorD's user avatar
0 голосов
0 ответов
24 показа

Несколько компонентов vuejs 3 в монолитном проекте

Есть e-commerce проект на php symfony. Решил реализовать часть элементов (форма добавления товара, фильтры, корзина, страница оформления заказа) с помощью vuejs3, но не хочу переписывать весь проект ...
danil's user avatar
  • 553
1 голос
0 ответов
70 показов

Как в nuxt 3 перенести данные между страницами

Подскажите, пожалуйста, как перенести данные между страницами (pages) в nuxt3. Пробовал использовать как vuex, как pinia, как и встроенный useState. SSR включен. Использую <script setup></...
ZZaRRyaDD's user avatar
0 голосов
1 ответ
220 показов

Vue: Cannot read properties of undefined (reading 'getters')"

При попытке вывести продукты в компоненте MainPage не удается прочитать список продуктов записанный в store, выдает такое [Vue warn]: Error in render: "TypeError: Cannot read properties of ...
Алика Кузнецова's user avatar
0 голосов
0 ответов
28 показов

VUEX 4 modules помогите разобраться

никак не могу настроить работу модулей vuex... пробовал два формата записи. первый, как я понял, классическй. его показывают в куче видосов, у всех всё работает. index.js import {createStore} from '...
Dht's user avatar
  • 13
0 голосов
1 ответ
38 показов

vue v2 я хочу заполнить форму данными которые приходят с сервера

Версия vue (2.6) Я не особо понимаю принцип но мне хочется заполнить форму начальными значениями с сервера так чтобы их можно было изменить и отправить обновленные данные на сервер Расскажите как мне ...
Pasha1neo's user avatar
0 голосов
0 ответов
18 показов

При написании приложения на electron, как следует организовать взаимодействие с ORM?

Структура исходников у меня такова: Папка main - отвечает за бекенд-составляющую (загрузка electron-приложения, IPC, сервисный слой) Папка renderer - отвечает за фронтенд-составляющую (vue-приложение ...
witaway's user avatar
  • 909
0 голосов
0 ответов
27 показов

Сгенерировать несколько вложенных св-в в хранилище

Если в пустом хранилище(Vuex4) требуется сгенерить(с последующим обновлением) 2 вложенных св-ва state.parent.child = [...] Каким образом это лучше всего(идеоматичнее) реализовать? С учетом того, что ...
Mikhail Krivosheev's user avatar
0 голосов
0 ответов
12 показов

Как сделать объект из vuex реактивным?

подскажите пожалуйста, как мне при изменении переменной в store получить ее значение в геттер не перерендывая компонент, код прилагаю. vuex export const state = () => ({ selectedProperties: {}, }) ...
Виктор Тихонов's user avatar
0 голосов
0 ответов
17 показов

Как передать все данные получаемые от API в LocalStorage?

На данный момент реализовано получение всех данных, но сохранение их в LocalStorage не выходит, сейчас данные просто перезаписываются и сохраняются данные с последней страницы import api from '@/...
ELDENHARD's user avatar
0 голосов
0 ответов
100 показов

TypeError: Cannot read properties of undefined (reading 'getters')

Уже долгое кол-во времени пытаюсь найти ошибку, только толку нет, подскажите пожалуйста. Заранее спасибо) Вот main.js import { createApp } from 'vue' import App from './App.vue' import { ...
Alexander Mikheev's user avatar
0 голосов
2 ответа
58 показов

[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '0')"

Выдает ошибку при получении данных из сервера. Данные выводятся на экран. При выводе массива данных в консоль, получаю сначала пустой массив, потом массив с данными. На странице есть сортировка. Пока ...
Ольга's user avatar
1 голос
0 ответов
86 показов

Vue Как отобразить input color c input number

Как связать левую часть с вводом от пользователя цвета блока в input color и количества блоков с этим цветом в input number и связать их с правой частью где они должны отобразиться. Я понимаю что ...
Daystrom's user avatar
0 голосов
1 ответ
44 показа

Как добавить новое состояние в state в vuex

есть необходимость после отрисовки страницы добавить несколько состояний в глобальное хранилище (их количество рандомно). Названия должны быть однотипны (по типу item_, item__ или еще лучше (даже не ...
Daskis's user avatar
  • 47
0 голосов
0 ответов
25 показов

Вывод данных из 2 массивов на карточку товара с помощью Vue 3 Vuex

Всем добрый день, Есть данные получаемые из Vuex. Это продукты и бренды. Продукты и бренды это 2 разных массива но со схожими значениями в ключах. На карточке товара мне необходимо отобразить название ...
Anton's user avatar
  • 1
0 голосов
0 ответов
8 показов

Как я могу удалить объект из getter, если используется PersistedState

Делаю небольшой сайт и столкнулся с такой проблемой. На сайте я использую PersistedState для сохранения товаров, добавленных в избранное. Но проблема в том, что я не могу удалить этот товар, так как ...
Nikolay's user avatar
0 голосов
0 ответов
23 показа

vuex + typescript. Реализация interface для хранилища

Как правильно реализовать interface для данного хранилища? Уже час ломаю голову, и это максимум что у меня получилось. store/index.ts import { IStore } from './modules/interface' import { createStore }...
Thrackerzod's user avatar
0 голосов
0 ответов
32 показа

Можно ли связать через v-model свойство объекта в state Vuex?

C API приходит json и записывается в state. [ { "id": 23, "contractor_id": 1, "number": "1032", "date": "2022-...
Maxim's user avatar
  • 300
0 голосов
0 ответов
13 показов

Как ускорить поиск: vue3 + vuex

Помогите разобраться, как ускорить вывод данных на странице (vue3, vuex4) Есть массив товаров +10k В каждом 40 полей На странице выводятся только 5 полей (id, name, date, price, status) Нужен быстрый ...
Александр's user avatar
0 голосов
0 ответов
75 показов

query params vue 3

коллеги, не поможете с советом в query параметрах у меня есть фильтрация, категории книги и её тип при выборе категориев у меня в url должно выходить /books?genre=romance и меняться товары, а если ...
of Astora's user avatar
0 голосов
1 ответ
386 показов

Как обратиться к элементу массива по его id? vue.js

Есть массив: state() { return { items: [...Array(8)].map((n, i) => ({ id: `${i + 1}` })) } } Мне нужно получить ссылку на элемент массива по его id, то есть обратиться ...
Альберт's user avatar
0 голосов
0 ответов
143 показа

Как передать данные через Vue-Router , чтобы при обновлении дочерней страницы данные не исчезали?

Я новичок на Vue и столкнулся со следующей проблемой. Может кто то уже решал это или просто знает решение? Я через v-for создаю несколько карточек. Данные карточек я получаю из store: <...
Евгений Засецкий's user avatar
0 голосов
0 ответов
12 показов

Показывать описание только у выбранного элемента

когда нажимаю на кнопку, у меня открывается описание ко всем услугам, как можно сделать так, чтобы при нажатии открывалось описание именного того товара, у которого решил посмотреть? Вот код: ...
vioeke's user avatar
  • 11
0 голосов
1 ответ
41 показ

Ошибка при внедрении авторизации на сайте: Error POST 404 (OK)

Не могу понять, как решить проблему с POST-запросом. Пытаюсь реализовать авторизацию на сайте (через Vuejs, vuex, vue-router, axios). Я буду очень рад, если вы дадите несколько советов. Я искал ...
Spartak Borisov's user avatar
0 голосов
0 ответов
102 показа

Как во Vue 3 cli 3 добавить картинку к карточке товара?

Пишу магазин на vue 3 cli 3 + бэкенд (его пишу не я), данные получаю через jsonapi. Принято решение не хранить данные о картинках на бэке. Вопрос: Как добавить локально картинки к массиву объектов, ...
ВОИС's user avatar
0 голосов
0 ответов
32 показа

Возможно ли такое сделать во vue js если да, как правильно?

Пытаюсь проникнуться темой JS и Vue JS в частности. В общем у меня есть API которое по одному адресу отдаёт по факту список параметров, которые необходимо использовать: { "params": { ...
Master Wenom's user avatar
0 голосов
1 ответ
47 показов

Не рендерится таймер перед отправкой повторного запроса. Как пофиксить?

Я хочу сделать компонент, который будет рендерить таймер обратного отсчета перед отправкой запроса на сервер. Логика такая: При загрузке страницы отправлять запрос по API: Если запрос успешный, ...
qweezz's user avatar
  • 199
1 голос
0 ответов
84 показа

Как закрыть все модальные окна VUE

Имеется div, в который вложены все модальные окна: <div class="market-modal"> <new-modal v-show="isShowModal" @close="toggleModal" :style="'...
vioeke's user avatar
  • 11
0 голосов
0 ответов
11 показов

Помогите с архитектурой приложения на vue с физической консолью

Имеется физическая консоль с несколькими физическими кнопками. Через websocket она шлет сообщения о нажатых кнопках. Есть приложение на vue с несколькими роутами, отображаемыми компонентами с кнопками ...
Алексей Майборода's user avatar
0 голосов
1 ответ
61 показ

socket.io изменение параметра auth для передачи jwt на сервер

Всем примет. Решаю задачу по передаче с клиента, jwt на сервер в рамках соединений Socket. Делаю это в плагине vuex в событии для actions - > store.subscribeAction: store.$socket.close(); store.$...
Павел Рамков's user avatar
0 голосов
1 ответ
338 показов

vuex как передать параметр в геттер

Могу ли я передать в геттер какой либо параметр? Пример кода: getters: { getTable(state, tableId) { if (state.tables[tableId]?.data) { return state.tables[tableId].data; ...
Olzhas 's user avatar
0 голосов
0 ответов
122 показа

Не могу обратиться к $store из компоненты vue

Компонента: <a href="#" class="header-links__el">{{ $store.state.headerLinks.title }}</a> </template> store/index.js: export const store = createStore({ ...
Radmir Gazizov's user avatar
0 голосов
1 ответ
264 показа

Vue 2: computed свойство компонента не получает значение getters из vuex

Всем здравствуйте. Корзина покупок. Конфигурация пациента - никаких сборщиков, все в одном файле. При загрузке приложения хранилище vuex асинхронным actions получает с сервера данные каталога товаров (...
Vit's user avatar
  • 1
0 голосов
1 ответ
84 показа

Анимация для конкретного элемента списка Vue 3

У меня есть список задач, прилетающий с бэка, который перебирается в v-for и каждый элемент оборачивается в компонент AppTask. У каждого элемента есть заголовок. Я хочу при нажатии на заголовок ...
unreal_serg's user avatar
0 голосов
0 ответов
80 показов

Сессия корзины в интернет-магазине django rest framework + vuejs

Пишу свой первый интернет-магазин, хочу хранить в сессии корзину товаров не авторизованного пользователя. Где должна осуществляться работа с сессией на фронте (vuejs) или на бекенде (django rest)? ...
Данил Ивахин's user avatar
0 голосов
0 ответов
35 показов

Ошибка в Mutations в vue 3

Я пытаюсь создать такую мутацию: INCREMENT: (state, index) => { Object.values(state.menu.food)[index].count++ }, в консоль выводится ошибка: vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-...
Шарапудин Шарапудинов's user avatar
1 голос
0 ответов
15 показов

VUE, VUEX, STATE меняется сам

такая проблема: Есть компонент с редактируемыми списками: сначала выбираю список, потом редактирую. Для того что проверять внесены ли изменения в список, в store есть два state: state: () => ({ ...
mxwuser's user avatar
  • 23
1 голос
1 ответ
51 показ

Объекты в vue.js

Помогите пожалуйста разобраться с vue. Есть объект, который получаю из API, нужно сравнить id из food с this.$route.params.id. Пытаюсь делать таким образом: return this.allMenu.food.find(item => ...
Шарапудин Шарапудинов's user avatar
1 голос
1 ответ
212 показов

Как использовать actions и state из основного store в модулях

Подскажите, пожалуйста, как использовать actions и state из основного store в модулях Нужно получить в файле backend.js доступ к state и actions из основного store //store.js import { createStore } ...
Vik's user avatar
  • 89
0 голосов
1 ответ
33 показа

Vuejs В каком хуке проверять аутентификацию пользователя, чтобы роутер успевал перенаправить?

Отправляю запрос на локальный сервер в главном компоненте App.vue, но запрос, как я понимаю, не успевает прийти, и если даже сервер подтверждает аутентификацию пользователя, то его всё равно кидает на ...
Kabarbum's user avatar
0 голосов
0 ответов
34 показа

Vuex не находит мутацию в импортированном модуле

Подскажите, пожалуйста, почему Vuex не находит мутацию в импортированном модуле. Выкидывает ошибку: vuex.esm-browser.js?5502:976 [vuex] unknown mutation type: TAB_INTERVIEW_START_CLICKED Пример с ...
Vik's user avatar
  • 89
0 голосов
0 ответов
59 показов

Как удалить по индексу элемент с массива и перезаписать гетер со стора?

Как удалить по индексу элемент с массива и перезаписать гетер со стора. index - я получаю индекс с массива элемента который нужно удалить. Структура данных прикрепил. Мутация "setDomainCart" ...
User Vitalii's user avatar
1 голос
2 ответа
72 показа

VueJs Вычисляемые данныrе и рендеринг

Вообщем пишу приложение на VueJS у меня в коде есть такая вещь: <tbody v-if="currencies !== null && currenciesUser !== null"> <tr v-for="currencyItem in ...
Moonwolf45's user avatar
0 голосов
1 ответ
58 показов

Как правильно получить асинхронные данные из Vuex 4 с учетом перезагрузки страницы

При переходе по маршруту в компонент все норм, но стоит перезагрузить страницу валятся ошибки, что переменных используемых в шаблоне не существует. Потом оно подгружается, но я так понимаю что при ...
Илья Клюковский's user avatar

1
2 3 4 5
7