Вопросы с меткой [vuex]
Vuex — это паттерн управления состоянием и библиотека для приложений на Vue.js
310
вопросов
0
голосов
1
ответ
24
показа
Как правильно выполнить динамический vue роутинг?
Хочу сделать динамический роутинг для сайта, который зависит от изменения agreement.
Есть следующее дерево путей:
const routes = [
{
path: "/",
redirect: "/home"...
0
голосов
1
ответ
12
показов
Как динамически отслеживать изменение языка в библиотеке Vant?
Всем здравствуйте!
Необходимо настроить язык для библиотеки Vant.
В main для Vant усть следующие настройки:
import { Locale } from 'vant';
import enUS from 'vant/lib/locale/lang/en-US';
import esES ...
0
голосов
1
ответ
42
показа
Как сохранить авторизацию на Vue.js?
Разрабатываю приложение на Vue.js 3. Делаю запрос к серверу который возвращает id пользователя, логин и токен.
Мне нужно сохранить все эти данные для использования внутри приложения.
Я использую vuex ...
0
голосов
0
ответов
20
показов
Не могу проверить route
Проблема следующая: пишу все на composition API. На страницах Login, Register, Reset необходимо НЕ показывать навигацию и футер, на остальных страницах показывать. В компонененте App.vue делаю ...
0
голосов
0
ответов
15
показов
Vue 3 Биндинг checkbox на state vuex
Логика в приложении такая: есть TOGGLE чекбокс, который должен в state vuex изменять значение null на true, true на false, false на true и так далее. В зависимости от этого значения будут ...
0
голосов
0
ответов
50
показов
Uncaught (in promise) ReferenceError: state is not defined
Появляется такая ошибка:overflow.com/image.jpg)
Использую vuex, методом проб понял, что приложение ломается из-за состояния isPostsLoading: false в компоненте postModule.js . Это состояние мы ...
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 ...
0
голосов
0
ответов
24
показа
Несколько компонентов vuejs 3 в монолитном проекте
Есть e-commerce проект на php symfony. Решил реализовать часть элементов (форма добавления товара, фильтры, корзина, страница оформления заказа) с помощью vuejs3, но не хочу переписывать весь проект ...
1
голос
0
ответов
70
показов
Как в nuxt 3 перенести данные между страницами
Подскажите, пожалуйста, как перенести данные между страницами (pages) в nuxt3. Пробовал использовать как vuex, как pinia, как и встроенный useState. SSR включен. Использую <script setup></...
0
голосов
1
ответ
220
показов
Vue: Cannot read properties of undefined (reading 'getters')"
При попытке вывести продукты в компоненте MainPage не удается прочитать список продуктов записанный в store, выдает такое
[Vue warn]: Error in render: "TypeError: Cannot read properties of ...
0
голосов
0
ответов
28
показов
VUEX 4 modules помогите разобраться
никак не могу настроить работу модулей vuex...
пробовал два формата записи. первый, как я понял, классическй. его показывают в куче видосов, у всех всё работает.
index.js
import {createStore} from '...
0
голосов
1
ответ
38
показов
vue v2 я хочу заполнить форму данными которые приходят с сервера
Версия vue (2.6)
Я не особо понимаю принцип но мне хочется заполнить форму начальными значениями с сервера
так чтобы их можно было изменить и отправить обновленные данные на сервер
Расскажите как мне ...
0
голосов
0
ответов
18
показов
При написании приложения на electron, как следует организовать взаимодействие с ORM?
Структура исходников у меня такова:
Папка main - отвечает за бекенд-составляющую (загрузка electron-приложения, IPC, сервисный слой)
Папка renderer - отвечает за фронтенд-составляющую (vue-приложение ...
0
голосов
0
ответов
27
показов
Сгенерировать несколько вложенных св-в в хранилище
Если в пустом хранилище(Vuex4) требуется сгенерить(с последующим обновлением) 2 вложенных св-ва
state.parent.child = [...]
Каким образом это лучше всего(идеоматичнее) реализовать?
С учетом того, что ...
0
голосов
0
ответов
12
показов
Как сделать объект из vuex реактивным?
подскажите пожалуйста, как мне при изменении переменной в store получить ее значение в геттер не перерендывая компонент, код прилагаю.
vuex
export const state = () => ({
selectedProperties: {},
})
...
0
голосов
0
ответов
17
показов
Как передать все данные получаемые от API в LocalStorage?
На данный момент реализовано получение всех данных, но сохранение их в LocalStorage не выходит, сейчас данные просто перезаписываются и сохраняются данные с последней страницы
import api from '@/...
0
голосов
0
ответов
100
показов
TypeError: Cannot read properties of undefined (reading 'getters')
Уже долгое кол-во времени пытаюсь найти ошибку, только толку нет, подскажите пожалуйста. Заранее спасибо)
Вот main.js
import { createApp } from 'vue'
import App from './App.vue'
import { ...
0
голосов
2
ответа
58
показов
[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '0')"
Выдает ошибку при получении данных из сервера. Данные выводятся на экран. При выводе массива данных в консоль, получаю сначала пустой массив, потом массив с данными. На странице есть сортировка.
Пока ...
1
голос
0
ответов
86
показов
Vue Как отобразить input color c input number
Как связать левую часть с вводом от пользователя цвета блока в input color и количества блоков с этим цветом в input number и связать их с правой частью где они должны отобразиться. Я понимаю что ...
0
голосов
1
ответ
44
показа
Как добавить новое состояние в state в vuex
есть необходимость после отрисовки страницы добавить несколько состояний в глобальное хранилище (их количество рандомно). Названия должны быть однотипны (по типу item_, item__ или еще лучше (даже не ...
0
голосов
0
ответов
25
показов
Вывод данных из 2 массивов на карточку товара с помощью Vue 3 Vuex
Всем добрый день,
Есть данные получаемые из Vuex. Это продукты и бренды. Продукты и бренды это 2 разных массива но со схожими значениями в ключах. На карточке товара мне необходимо отобразить название ...
0
голосов
0
ответов
8
показов
Как я могу удалить объект из getter, если используется PersistedState
Делаю небольшой сайт и столкнулся с такой проблемой. На сайте я использую PersistedState для сохранения товаров, добавленных в избранное. Но проблема в том, что я не могу удалить этот товар, так как ...
0
голосов
0
ответов
23
показа
vuex + typescript. Реализация interface для хранилища
Как правильно реализовать interface для данного хранилища? Уже час ломаю голову, и это максимум что у меня получилось.
store/index.ts
import { IStore } from './modules/interface'
import { createStore }...
0
голосов
0
ответов
32
показа
Можно ли связать через v-model свойство объекта в state Vuex?
C API приходит json и записывается в state.
[
{
"id": 23,
"contractor_id": 1,
"number": "1032",
"date": "2022-...
0
голосов
0
ответов
13
показов
Как ускорить поиск: vue3 + vuex
Помогите разобраться, как ускорить вывод данных на странице (vue3, vuex4)
Есть массив товаров +10k
В каждом 40 полей
На странице выводятся только 5 полей (id, name, date, price, status)
Нужен быстрый ...
0
голосов
0
ответов
75
показов
query params vue 3
коллеги, не поможете с советом в query параметрах
у меня есть фильтрация, категории книги и её тип
при выборе категориев у меня в url должно выходить /books?genre=romance и меняться товары, а если ...
0
голосов
1
ответ
386
показов
Как обратиться к элементу массива по его id? vue.js
Есть массив:
state() {
return {
items: [...Array(8)].map((n, i) => ({
id: `${i + 1}`
}))
}
}
Мне нужно получить ссылку на элемент массива по его id, то есть обратиться ...
0
голосов
0
ответов
143
показа
Как передать данные через Vue-Router , чтобы при обновлении дочерней страницы данные не исчезали?
Я новичок на Vue и столкнулся со следующей проблемой. Может кто то уже решал это или просто знает решение?
Я через v-for создаю несколько карточек. Данные карточек я получаю из store:
<...
0
голосов
0
ответов
12
показов
Показывать описание только у выбранного элемента
когда нажимаю на кнопку, у меня открывается описание ко всем услугам, как можно сделать так, чтобы при нажатии открывалось описание именного того товара, у которого решил посмотреть?
Вот код:
...
0
голосов
1
ответ
41
показ
Ошибка при внедрении авторизации на сайте: Error POST 404 (OK)
Не могу понять, как решить проблему с POST-запросом.
Пытаюсь реализовать авторизацию на сайте (через Vuejs, vuex, vue-router, axios).
Я буду очень рад, если вы дадите несколько советов.
Я искал ...
0
голосов
0
ответов
102
показа
Как во Vue 3 cli 3 добавить картинку к карточке товара?
Пишу магазин на vue 3 cli 3 + бэкенд (его пишу не я), данные получаю через jsonapi. Принято решение не хранить данные о картинках на бэке. Вопрос: Как добавить локально картинки к массиву объектов, ...
0
голосов
0
ответов
32
показа
Возможно ли такое сделать во vue js если да, как правильно?
Пытаюсь проникнуться темой JS и Vue JS в частности.
В общем у меня есть API которое по одному адресу отдаёт по факту список параметров, которые необходимо использовать:
{
"params":
{
...
0
голосов
1
ответ
47
показов
Не рендерится таймер перед отправкой повторного запроса. Как пофиксить?
Я хочу сделать компонент, который будет рендерить таймер обратного отсчета перед отправкой запроса на сервер.
Логика такая:
При загрузке страницы отправлять запрос по API:
Если запрос успешный, ...
1
голос
0
ответов
84
показа
Как закрыть все модальные окна VUE
Имеется div, в который вложены все модальные окна:
<div class="market-modal">
<new-modal v-show="isShowModal" @close="toggleModal" :style="'...
0
голосов
0
ответов
11
показов
Помогите с архитектурой приложения на vue с физической консолью
Имеется физическая консоль с несколькими физическими кнопками. Через websocket она шлет сообщения о нажатых кнопках. Есть приложение на vue с несколькими роутами, отображаемыми компонентами с кнопками ...
0
голосов
1
ответ
61
показ
socket.io изменение параметра auth для передачи jwt на сервер
Всем примет.
Решаю задачу по передаче с клиента, jwt на сервер в рамках соединений Socket. Делаю это в плагине vuex в событии для actions - > store.subscribeAction:
store.$socket.close();
store.$...
0
голосов
1
ответ
338
показов
vuex как передать параметр в геттер
Могу ли я передать в геттер какой либо параметр?
Пример кода:
getters: {
getTable(state, tableId) {
if (state.tables[tableId]?.data) {
return state.tables[tableId].data;
...
0
голосов
0
ответов
122
показа
Не могу обратиться к $store из компоненты vue
Компонента:
<a href="#" class="header-links__el">{{ $store.state.headerLinks.title }}</a>
</template>
store/index.js:
export const store = createStore({
...
0
голосов
1
ответ
264
показа
Vue 2: computed свойство компонента не получает значение getters из vuex
Всем здравствуйте.
Корзина покупок. Конфигурация пациента - никаких сборщиков, все в одном файле. При загрузке приложения хранилище vuex асинхронным actions получает с сервера данные каталога товаров (...
0
голосов
1
ответ
84
показа
Анимация для конкретного элемента списка Vue 3
У меня есть список задач, прилетающий с бэка, который перебирается в v-for и каждый элемент оборачивается в компонент AppTask. У каждого элемента есть заголовок. Я хочу при нажатии на заголовок ...
0
голосов
0
ответов
80
показов
Сессия корзины в интернет-магазине django rest framework + vuejs
Пишу свой первый интернет-магазин, хочу хранить в сессии корзину товаров не авторизованного пользователя. Где должна осуществляться работа с сессией на фронте (vuejs) или на бекенде (django rest)? ...
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-...
1
голос
0
ответов
15
показов
VUE, VUEX, STATE меняется сам
такая проблема:
Есть компонент с редактируемыми списками: сначала выбираю список, потом редактирую.
Для того что проверять внесены ли изменения в список, в store есть два state:
state: () => ({
...
1
голос
1
ответ
51
показ
Объекты в vue.js
Помогите пожалуйста разобраться с vue. Есть объект, который получаю из API, нужно сравнить id из food с this.$route.params.id. Пытаюсь делать таким образом:
return this.allMenu.food.find(item => ...
1
голос
1
ответ
212
показов
Как использовать actions и state из основного store в модулях
Подскажите, пожалуйста, как использовать actions и state из основного store в модулях
Нужно получить в файле backend.js доступ к state и actions из основного store
//store.js
import { createStore } ...
0
голосов
1
ответ
33
показа
Vuejs В каком хуке проверять аутентификацию пользователя, чтобы роутер успевал перенаправить?
Отправляю запрос на локальный сервер в главном компоненте App.vue, но запрос, как я понимаю, не успевает прийти, и если даже сервер подтверждает аутентификацию пользователя, то его всё равно кидает на ...
0
голосов
0
ответов
34
показа
Vuex не находит мутацию в импортированном модуле
Подскажите, пожалуйста, почему Vuex не находит мутацию в импортированном модуле.
Выкидывает ошибку:
vuex.esm-browser.js?5502:976 [vuex] unknown mutation type:
TAB_INTERVIEW_START_CLICKED
Пример с ...
0
голосов
0
ответов
59
показов
Как удалить по индексу элемент с массива и перезаписать гетер со стора?
Как удалить по индексу элемент с массива и перезаписать гетер со стора. index - я получаю индекс с массива элемента который нужно удалить.
Структура данных прикрепил. Мутация "setDomainCart"
...
1
голос
2
ответа
72
показа
VueJs Вычисляемые данныrе и рендеринг
Вообщем пишу приложение на VueJS у меня в коде есть такая вещь:
<tbody v-if="currencies !== null && currenciesUser !== null">
<tr v-for="currencyItem in ...
0
голосов
1
ответ
58
показов
Как правильно получить асинхронные данные из Vuex 4 с учетом перезагрузки страницы
При переходе по маршруту в компонент все норм, но стоит перезагрузить страницу валятся ошибки, что переменных используемых в шаблоне не существует. Потом оно подгружается, но я так понимаю что при ...