Популярные ответы с меткой

6 голосов
Принятый

vuex правильное использование

У вас есть компонент Page. У него есть дочерние Header, LeftSideBar, MainContent и Footer. У Header есть дочерний UserDropdown. У LeftSideBar есть дочерний UserAvatar. У Footer есть дочерний UserLinks....
yarkov_aleksei's user avatar
4 голоса

Vue CASL получить роль пользователя от Vuex

Была такая же проблема. Можно поступить следующим образом: ability.js import { AbilityBuilder, Ability } from '@casl/ability' // инициализируем ability, но роли еще не известны export const ability ...
Doigrales's user avatar
  • 1,091
4 голоса

Мини графический редактор на canvas и vuex

Store предназначен только для хранения данных, которые нужны нескольким компонентам. Все, что касается только лишь одного компонента, должно находиться в компонента. Т.е., все методы, которые касаются ...
Dmytro's user avatar
  • 6,701
4 голоса
Принятый

vue.js рендерит компонент

Следует поменять v-show на v-if. Первый просто скрывает элемент (display: none), а второй действительно не рендерит. Такая техника нужна, чтобы скрывать элемент, а не уничтожать и рендерить снова. ...
hedgehogues's user avatar
  • 9,261
4 голоса
Принятый

Как использовать Vue Root вместо Vuex

Какая альтернатива Vuex и как для этого можно использовать состояние Vue Root объекта? Многие уже перешли на такой подход, я тоже в своём проекте собираюсь. Делается простой JavaScript объект с ...
Дмитрий Полянин's user avatar
4 голоса
Принятый

Не получается загрузить (установить) VUEX

Файл package.json в том числе нужен для того что бы контролировать зависимости Вашего проекта. Именно это и хочет сделать Vuex, добавив себя в этот список. Проинициализируйте Ваш проект, выполнив в ...
Vasily's user avatar
  • 11.5k
4 голоса
Принятый

Безопасное хранение данных в LocalStorage

Флаг является ли пользователь админом, должен быть частью JWT токена. А это значит, что подписывается он на сервере, используя пароль известный только серверу. Так что изменить его пользователю не ...
Roman-Stop RU aggression in UA's user avatar
3 голоса
Принятый

Как во vue.js сохранить текст, введённый в input, в переменную, чтобы оттуда сохранить её в store?

Простой пример: Vue.use(Vuex); const store = new Vuex.Store({ state: { value: "" }, actions: { setValue: ({commit}, value) => { commit("setValue", value); //...
Nikita Umnov's user avatar
  • 1,763
3 голоса
Принятый

Почему значение value в input не заполняется значением из vuex?

Писать из свойства компонента в хранилище можно используя геттеры/сеттеры. Проверить с localStorage можно здесь https://jsfiddle.net/v3b28j5m/1/ const store = new Vuex.Store({ state: { ...
Doigrales's user avatar
  • 1,091
3 голоса
Принятый

Как получить state в action?

1) В action можно передать getters, чтобы обращение не было напрямую, а можно и сам state сунуть (описание) // actions const actions = { getProducts ({ commit, state }, $state) { axios....
Adrug's user avatar
  • 1,293
3 голоса
Принятый

Vuex Store, Как получить доступ к state модуля из другого модуля?

Module A: const moduleA = { namespaced: true, mutations : { changeStr(state, newData) { state.str = newData console.log(state.str) } } } Root store: ...
RavenTheX's user avatar
  • 889
3 голоса
Принятый

Проверить наличие мутации или действия в VUEX

const module1 = { state: { name: "Ivan" }, mutations: { SET_NAME: (state, payload) => { state.name = payload; } } }; const module2 = { state: { age: 10 ...
Dmytro's user avatar
  • 6,701
3 голоса
Принятый

Как с vue js формы сохранять данные в json формате?

на поля формы вешаете v-model как свойства объекта form из data; в action для HTML <form> прописываете URL сервера, который будет принимать ваш JSON; используя обычный fetch вы можете отправить ...
Mikalai Parakhnevich's user avatar
2 голоса
Принятый

Vuejs пустая и заполненная форма

Как сказано в документации: Vue не может отследить добавление или удаление свойства объекта. Чтобы поле стало реактивным, Vue превращает его в пару геттер/сеттер в ходе инициализации ...
Данил Чугаев's user avatar
2 голоса

Как грамотно организовать хранение данных VUEX

Я бы порекомендовал использовать абстракцию где ID - это Индекс массива. Так вы экономите память. И получаете грамотную логику и архитектуру. [ {}, {}, {},] - база [ [[], []], [[], []], [[], []],] - ...
Diamon's user avatar
  • 135
2 голоса

Передача параметров в мутацию vuex с нагрузкой

Ага, я разобрался сам. В мутации нужно указать state и потом параметры: const mutations = { coord(state, pos) { state.cur.X = pos.X; state.cur.Y = pos.Y; } } И вызывать так: const ...
A K's user avatar
  • 28.4k
2 голоса

Как вызвать функцию, которая определена в actions, внутри window.addEventListener?

Скорее всего, вы устанавливаете обработчик события на отслеживания скролла страницы как-то так: window.addEventListener("scroll", function () { this.$store.dispatch('somFunction') }) Если так, то ...
Dmitry's user avatar
  • 3,758
2 голоса
Принятый

Как выделить все нужные файлы для гита? VUE JS

Все нужные файлы для git'а выделяются через команду git add -A Эта команда работает с учётом содержимого файла .gitignore Поскольку вы работаете с каким-то автоматическим генератором, который ...
A K's user avatar
  • 28.4k
2 голоса
Принятый

computed свойство вызывается раньше, чем отработает action и mutation

Как заставить вычисляемое свойство отработать после того, что в created() Никак. Вам нужно просто дефолтное значение в сторе, чтобы не было ошибки чтения свойства, пока не будут загружены данные. ...
yarkov_aleksei's user avatar
2 голоса
Принятый

Миграция c Vuex standart mode → Vuex module [Длинно-пост]

Во-первых, можно отключить namespaced, добавив соответствующий export в файл модуля: export const namespaced = false; Во-вторых, обратиться из одного модуля в другой можно добавив имя второго модуля ...
diralik's user avatar
  • 9,295
2 голоса
Принятый

Как правильно обновлять информацию в дочернем элементе vuejs

Чтобы избавиться от прямого изменения данных в $store.state при использовании v-model, достаточно использовать computed свойства. Например: <template> <input v-model="inputValue"> <...
Nikita Umnov's user avatar
  • 1,763
2 голоса

Как во vue.js сохранить текст, введённый в input, в переменную, чтобы оттуда сохранить её в store?

Не вижу где у тебя v-model у input После того как создаешь v-model у input в методе можешь написать this.$store.dispatch("saveName", YOUR_V_MODEL_INPUT) Пример как у меня это организованно файле ...
Pavel8289's user avatar
  • 526
2 голоса
Принятый

Как добавить класс элементу Vue.js

Вы можете сохранять ссылку на текущий активный элемент в data, и при прокрутке к другому элементу сначала удалять класс activeItem у этого элемента, а потом записывать ссылку на него в data и ...
x-foby's user avatar
  • 1,092
2 голоса
Принятый

В какой момент, при выполнении Vuex action, задачи на изменение добавляются в очередь тиков?

Есть подробное описание документации vuejs. Если почитать на досуге, то многое становится ясно и все последующие вопросы отпадают сами, но даже если нет, вы всегда будете знать где взять информацию. ...
Adrug's user avatar
  • 1,293
2 голоса
Принятый

Vue: Не работает геттер с find во vuex

Проблема в том, что из строки запроса параметр роута id приходит как строка. Это можно проверить добавив оператор typeof перед id и вывести в console.log() - получим string. А метод this....
Алексей's user avatar
2 голоса

Как сделать перезагрузку компонента во Vue JS

Пример кода добавления новости: const NewsItem = Vue.component('news-item', { template: `<li> {{news}}</li>`, props: ['news'] }); const app = new Vue({ el: '#app', ...
Dmytro's user avatar
  • 6,701

Only top scored, non community-wiki answers of a minimum length are eligible