Вопросы с меткой [vuex]
Vuex — это паттерн управления состоянием и библиотека для приложений на Vue.js
301
вопрос
0
голосов
0
ответов
11
показов
socket.io изменение параметра auth для передачи jwt на сервер
Всем примет.
Решаю задачу по передаче с клиента, jwt на сервер в рамках соединений Socket. Делаю это в плагине vuex в событии для actions - > store.subscribeAction:
store.$socket.close();
store.$...
0
голосов
1
ответ
16
показов
vuex как передать параметр в геттер
Могу ли я передать в геттер какой либо параметр?
Пример кода:
getters: {
getTable(state, tableId) {
if (state.tables[tableId]?.data) {
return state.tables[tableId].data;
...
0
голосов
0
ответов
25
показов
Не могу обратиться к $store из компоненты vue
Компонента:
<a href="#" class="header-links__el">{{ $store.state.headerLinks.title }}</a>
</template>
store/index.js:
export const store = createStore({
...
0
голосов
0
ответов
26
показов
Vuejs 3 как присвоение элементам класса в массиве
Доброе время суток, пытаюсь сделать календарь со слотами времени для записи.
Имеет json ответ axios с датами и слотами:
{
"text": "02 May \u2014 15 May",
"results"...
0
голосов
1
ответ
23
показа
Vue 2: computed свойство компонента не получает значение getters из vuex
Всем здравствуйте.
Корзина покупок. Конфигурация пациента - никаких сборщиков, все в одном файле. При загрузке приложения хранилище vuex асинхронным actions получает с сервера данные каталога товаров (...
0
голосов
1
ответ
16
показов
Анимация для конкретного элемента списка Vue 3
У меня есть список задач, прилетающий с бэка, который перебирается в v-for и каждый элемент оборачивается в компонент AppTask. У каждого элемента есть заголовок. Я хочу при нажатии на заголовок ...
0
голосов
0
ответов
9
показов
Сессия корзины в интернет-магазине django rest framework + vuejs
Пишу свой первый интернет-магазин, хочу хранить в сессии корзину товаров не авторизованного пользователя. Где должна осуществляться работа с сессией на фронте (vuejs) или на бекенде (django rest)? ...
0
голосов
0
ответов
8
показов
Не вызываются экшены/мутации при использовании vuex-module-decorators
Имеется такого вида кусок стора:
@Module({
name: 'api/Filters',
namespaced: true,
})
export default class Filters extends VuexModule {
gender: IFilterGender = {
...
0
голосов
0
ответов
18
показов
Ошибка в 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
ответов
6
показов
VUE, VUEX, STATE меняется сам
такая проблема:
Есть компонент с редактируемыми списками: сначала выбираю список, потом редактирую.
Для того что проверять внесены ли изменения в список, в store есть два state:
state: () => ({
...
0
голосов
0
ответов
15
показов
Как передать пост параметры запроса в vue?
Я новичок в разработке сайтов и у меня появился вопрос.
Я делаю сортировку товаров на сайте (по цене, названию и тп) и хотелось бы понять, как сделать так, чтобы после нажатия на option в select, ...
0
голосов
0
ответов
24
показа
Как перенаправить на страницу 404 из компонента vue
Я новичок в разработке сайтов и застрял на одной проблеме.
как перенаправить пользователя на страницу с ошибкой 404.
У меня есть такие маршруты
{
path:"/catalog/:catalog",
...
0
голосов
0
ответов
12
показов
Поиск на vue.js
Есть компонент поиска и внутри input и компьютед, а также в другом компоненте данные полученные из vuex. Как связать их между собой?
searchItems() {
return this.allMenu && this.allMenu....
0
голосов
0
ответов
9
показов
Карточки категории на vue.js
У меня есть такой метод. Я пытаюсь сделать так, при нажатии на категорию, показывало товары этой категории, но почему-то этот метод не работает.Скажите пожалуйста, в чем моя ошибка?: ...
0
голосов
0
ответов
14
показов
Не показывает компонент вложенного маршрута vue
Есть такой route. При нажатии на категорию, не показывает компонент menu, вместо этого показывает родительский компонент categories. Скажите пожалуйста в чем проблема?
{
path: '/categories',
name: '...
1
голос
1
ответ
36
показов
Объекты в vue.js
Помогите пожалуйста разобраться с vue. Есть объект, который получаю из API, нужно сравнить id из food с this.$route.params.id. Пытаюсь делать таким образом:
return this.allMenu.food.find(item => ...
0
голосов
0
ответов
15
показов
Корзина товаров на Laravel,Vue,Vuex
Всем привет, подскажите как реализовать корзину товаров на Laravel,Vue, Vuex с учетом того,чтобы при перезагрузке страницы данные не стирались
1
голос
1
ответ
30
показов
Как использовать actions и state из основного store в модулях
Подскажите, пожалуйста, как использовать actions и state из основного store в модулях
Нужно получить в файле backend.js доступ к state и actions из основного store
//store.js
import { createStore } ...
0
голосов
1
ответ
23
показа
Vuejs В каком хуке проверять аутентификацию пользователя, чтобы роутер успевал перенаправить?
Отправляю запрос на локальный сервер в главном компоненте App.vue, но запрос, как я понимаю, не успевает прийти, и если даже сервер подтверждает аутентификацию пользователя, то его всё равно кидает на ...
0
голосов
0
ответов
8
показов
Vuex не находит мутацию в импортированном модуле
Подскажите, пожалуйста, почему Vuex не находит мутацию в импортированном модуле.
Выкидывает ошибку:
vuex.esm-browser.js?5502:976 [vuex] unknown mutation type:
TAB_INTERVIEW_START_CLICKED
Пример с ...
0
голосов
0
ответов
24
показа
Как в мутации Vue вызвать другую функцию?
Подскажите, пожалуйта, как в мутации вызвать другую функцию?
Есть мутация обработки кнопки начала звонка.
В данный момент кнопка работает как переключатель.
При первом нажатии запускается анимация ...
0
голосов
0
ответов
15
показов
Как удалить по индексу элемент с массива и перезаписать гетер со стора?
Как удалить по индексу элемент с массива и перезаписать гетер со стора. index - я получаю индекс с массива элемента который нужно удалить.
Структура данных прикрепил. Мутация "setDomainCart"
...
0
голосов
0
ответов
21
показ
Как вызвать метод раньше другого vue?
Я использую composition api
setup () {
const store = useStore()
store.dispatch('getTasks')
const taskList = store.state.tasks.tasks
}
Есть этот кусочек кода, но он выполняется ...
1
голос
2
ответа
29
показов
VueJs Вычисляемые данныrе и рендеринг
Вообщем пишу приложение на VueJS у меня в коде есть такая вещь:
<tbody v-if="currencies !== null && currenciesUser !== null">
<tr v-for="currencyItem in ...
0
голосов
1
ответ
21
показ
Как правильно получить асинхронные данные из Vuex 4 с учетом перезагрузки страницы
При переходе по маршруту в компонент все норм, но стоит перезагрузить страницу валятся ошибки, что переменных используемых в шаблоне не существует. Потом оно подгружается, но я так понимаю что при ...
1
голос
1
ответ
27
показов
vuejs filter is not function
Вообщем пишу приложение на vuejs и столкнулся с такой проблемой не могу правильно вытащить данные из переменной.
Вот код:
<tbody v-if="currencies !== null && currenciesUser !== null&...
0
голосов
0
ответов
20
показов
Vuejs и шаблон страницы ruby on rails
Имеется страница на руби (каталог с товарами), на ней есть фильтр (vue), как можно при выборе чекбокса из фильтра, подгружать товары, полученные из api?
В данный момент делаю следующим образом: при ...
0
голосов
0
ответов
25
показов
Почему при открытии модалки из разных компонентов не везде срабатывает created()?
У меня есть компонент модального окна который открывается при нажатии на задание
<template lang="pug">
.modal-task(:style="{display: showDetailsModal}")
.modal-task-...
0
голосов
0
ответов
15
показов
Vue-router не перенаправляет после промиса-- получаю пустую страницу
Я новичок и работаю на своим первым проектом! Vue-router не перенаправляет меня после промиса, но если обновлюя или вывожу что-то в консол все отобраюается. Вот мой код router/index.js --
import { ...
0
голосов
0
ответов
21
показ
Проблема v-model и axios
Столкнулся с проблемой.
имеется инпут:
<input type='checkbox' :value='category.id' v-model='checkedCategories' @change='changeEvent' @click='filteredCategories(category.id)>
Дата:
data() {
...
1
голос
1
ответ
17
показов
Обращение к state в блоке template
какое обращение к state есть правильным?
<CardItem
v-for="card of $store.getters.getCardsByObject($route.params.id)"
:key="card"
v-bind:card="card"
/>...
0
голосов
1
ответ
30
показов
Vuex передача нескольких массивов
Имеется фильтр компонент,в нем кнопки с чекбоском. При нажатии на кнопку, апи даёт 20 товаров этой категории. И выводятся на странице.
Компонент
this.$store.commit(
'showFilteredList',
response....
0
голосов
0
ответов
24
показа
Vuex вовзращает одинаковые state по-разному
Проблема в том, что с 2-мя store с абсолютно одинаковым кодом(изменены только названия) Vuex возвращает данные по-разному.
В первом случае(Category) он возвращает массив с 0 элементами, а во втором (...
1
голос
2
ответа
102
показа
Удаление данных Vuex
Я недавно начала изучать Vuex и сейчас делаю небольшое приложение календарь. Хочу удалить данные и чтобы это все было реактивно.
Мой компонент
...mapMutations(['deletePost']),
deleteTask(todo) {
...
0
голосов
0
ответов
19
показов
Валидация данных в Компоненте Vue
возник вопрос как отрисовать данные по нужному полю
<ul v-for="todo in allPosts" :key="todo.id">
<li>
{{todo.name}}
</li>
&...
0
голосов
0
ответов
8
показов
Изменить интернационализацию только на домашней странице (Vue StoreFront) vue-storefront (1.12.3)
У меня есть сайт на базе vue-storefront (1.12.3)
Сайт использует i18n.
Есть две языковых версии: 'ua', 'ru'
Задание следующее:
нужно настроить Vue Router таким образом, чтобы Домашняя страница ...
0
голосов
1
ответ
83
показа
Как правильно подключить store в моем vue приложении?
Я только начал учить vue, пытаюсь сделать магазин на vue. С помощью vuex создал store, но никак не могу подключить его к моему проекту. При попытке подключить store в main.js выходить такая ошибка
...
0
голосов
0
ответов
14
показов
Состояние аутентификации Vue JS
Как Вы храните состояние аутентификации в Vue.js ?
Мой access_token и refresh_token хранятся в файлах cookie (httpOnly), в localStorage ничего не храню и не хотелось бы.
Но как мне проверять ...
0
голосов
0
ответов
25
показов
Как использовать localStorage в хранилище (store) Nuxt.js
При инициализации проекта на сервер отправляются запросы, которые получают корзину/избранное/данные пользователя, но в ТЗ стоит задача, по которой во время выполнения запроса подставляются данные из ...
1
голос
1
ответ
31
показ
Vuex 4 не удается изменить состояние соседнего модуля
В vuex есть 2 модуля симкарт и устройств(вместе с марками,моделями,типами).
Пример элемента массива симкарт:
{
id: 4,
number: 18311770045,
iccid: 601128328639574012,
operator: Билайн,
status: ...
0
голосов
1
ответ
47
показов
Ошибка Cannot create property 'scope' on string
Использую vee-validate, имеется код, не могу понять, почему не отрабатывает как надо.
(должен проверять, зарегистрирован ли телефон или нет, если да - выводить ошибку)
template:
<div class='form-...
0
голосов
0
ответов
16
показов
Ошибка Vue3 + Vuex
Возникает следующая ошибка:
"TypeError: Cannot read property 'results' of undefined"
Вот мой код компонента
<template>
<div class="container-videos row">
&...
0
голосов
1
ответ
39
показов
Как в одном vuex модуле вызвать мутацию из другого модуля?
Доброго времени суток.
Есть два Vuex модуля А и B. В модуле А переменная pickupUserDelivery получает из промиса информацию о созданной доставке. Нужно вызвать мутацию из модуля B, которая установит ...
0
голосов
0
ответов
85
показов
Как сделать передачу данных между страницами во vue
Мне надо сделать передачу данных между страницами.
const requests = computed(() => store.getters['requests']
.filter(data => {
if(route.params.id) {
let dataTag = ...
0
голосов
1
ответ
65
показов
Получение данные из API через Store VUEX в Nuxt,js
Есть простейший компонент в Nuxt.js, который выводит данные JSON полученные по API.
Компонент работает как нужно. Но есть понимание, что каждый раз нет необходимости запрашивать JSON файл с сервера. ...
0
голосов
0
ответов
64
показа
Vuex (Vue 3) не вижу данные в getters
Есть модуль authModule, в определенный момент помещаю в него данные о пользователе:
this.$store.commit('authModule/setUser', userInfo)
Данные успешно записываются в state (проверял через Vue Devtools)...
0
голосов
0
ответов
92
показа
Vue | Элементы v-for не перерисовываются при изменении массива
Есть сайдбар с секциями, при выборе магазина загружаются секции и отображаются в сайдбаре (через dispatch->ajax).
Все работает, но если я выбираю нужный мне магазин второй раз, то массив секций у ...
0
голосов
0
ответов
18
показов
Nuxt | Данные исчезают из компонента при смене состояние Vuex (store)
Открывается страница -> вызывается action в хранилище, который выполняет запрос на сервер (axios) --> загружается последний выбранный магазин -> загружаются все его секции (тоже через action ...
0
голосов
1
ответ
63
показа
Vue 3 VueX mapGetters возврощает undefined. Как с этим боротся?
У меня есть компонент. И глобальный state vuex.
Когда я из компонента вызываю
...mapGetters('addPerson', {
personStyle: 'personStyle',
personForm: 'personForm',
}),
То оно возвращает ...
0
голосов
0
ответов
43
показа
Nuxt | Как сохранить токен и получить его в хранилище
Делаю магазин на наксте, нужно сохранить токен пользователя в куки или localStorage, чтоб токен сохранился.
При загрузке страницы хочу в store получить токен через localStorage - пишет что ...