6
голосов
Принятый
vuex правильное использование
У вас есть компонент Page.
У него есть дочерние Header, LeftSideBar, MainContent и Footer.
У Header есть дочерний UserDropdown.
У LeftSideBar есть дочерний UserAvatar.
У Footer есть дочерний UserLinks....
4
голоса
Vue CASL получить роль пользователя от Vuex
Была такая же проблема. Можно поступить следующим образом:
ability.js
import { AbilityBuilder, Ability } from '@casl/ability'
// инициализируем ability, но роли еще не известны
export const ability ...
4
голоса
Мини графический редактор на canvas и vuex
Store предназначен только для хранения данных, которые нужны нескольким компонентам. Все, что касается только лишь одного компонента, должно находиться в компонента. Т.е., все методы, которые касаются ...
4
голоса
Принятый
vue.js рендерит компонент
Следует поменять v-show на v-if.
Первый просто скрывает элемент (display: none), а второй действительно не рендерит.
Такая техника нужна, чтобы скрывать элемент, а не уничтожать и рендерить снова. ...
4
голоса
Принятый
Как использовать Vue Root вместо Vuex
Какая альтернатива Vuex и как для этого можно использовать состояние Vue Root объекта?
Многие уже перешли на такой подход, я тоже в своём проекте собираюсь.
Делается простой JavaScript объект с ...
4
голоса
Принятый
Не получается загрузить (установить) VUEX
Файл package.json в том числе нужен для того что бы контролировать зависимости Вашего проекта. Именно это и хочет сделать Vuex, добавив себя в этот список.
Проинициализируйте Ваш проект, выполнив в ...
4
голоса
Принятый
Безопасное хранение данных в LocalStorage
Флаг является ли пользователь админом, должен быть частью JWT токена.
А это значит, что подписывается он на сервере, используя пароль известный только серверу. Так что изменить его пользователю не ...
3
голоса
Принятый
Как во vue.js сохранить текст, введённый в input, в переменную, чтобы оттуда сохранить её в store?
Простой пример:
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
value: ""
},
actions: {
setValue: ({commit}, value) => {
commit("setValue", value);
//...
3
голоса
Принятый
Почему значение value в input не заполняется значением из vuex?
Писать из свойства компонента в хранилище можно используя геттеры/сеттеры.
Проверить с localStorage можно здесь https://jsfiddle.net/v3b28j5m/1/
const store = new Vuex.Store({
state: {
...
3
голоса
Принятый
Как получить state в action?
1) В action можно передать getters, чтобы обращение не было напрямую, а можно и сам state сунуть (описание)
// actions
const actions = {
getProducts ({ commit, state }, $state) {
axios....
3
голоса
Принятый
Vuex Store, Как получить доступ к state модуля из другого модуля?
Module A:
const moduleA = {
namespaced: true,
mutations : {
changeStr(state, newData) {
state.str = newData
console.log(state.str)
}
}
}
Root store:
...
3
голоса
Принятый
Проверить наличие мутации или действия в VUEX
const module1 = {
state: {
name: "Ivan"
},
mutations: {
SET_NAME: (state, payload) => {
state.name = payload;
}
}
};
const module2 = {
state: {
age: 10
...
3
голоса
Принятый
Как с vue js формы сохранять данные в json формате?
на поля формы вешаете v-model как свойства объекта form из data;
в action для HTML <form> прописываете URL сервера, который будет принимать ваш JSON;
используя обычный fetch вы можете отправить ...
2
голоса
Принятый
Vuejs пустая и заполненная форма
Как сказано в документации:
Vue не может отследить добавление или удаление свойства объекта. Чтобы
поле стало реактивным, Vue превращает его в пару геттер/сеттер в ходе
инициализации ...
2
голоса
Как грамотно организовать хранение данных VUEX
Я бы порекомендовал использовать абстракцию где ID - это Индекс массива.
Так вы экономите память. И получаете грамотную логику и архитектуру.
[ {}, {}, {},] - база
[ [[], []], [[], []], [[], []],] - ...
2
голоса
Передача параметров в мутацию vuex с нагрузкой
Ага, я разобрался сам.
В мутации нужно указать state и потом параметры:
const mutations = {
coord(state, pos) {
state.cur.X = pos.X;
state.cur.Y = pos.Y;
}
}
И вызывать так:
const ...
2
голоса
Как вызвать функцию, которая определена в actions, внутри window.addEventListener?
Скорее всего, вы устанавливаете обработчик события на отслеживания скролла страницы как-то так:
window.addEventListener("scroll", function () {
this.$store.dispatch('somFunction')
})
Если так, то ...
2
голоса
Принятый
Как выделить все нужные файлы для гита? VUE JS
Все нужные файлы для git'а выделяются через команду
git add -A
Эта команда работает с учётом содержимого файла .gitignore
Поскольку вы работаете с каким-то автоматическим генератором, который ...
2
голоса
Принятый
computed свойство вызывается раньше, чем отработает action и mutation
Как заставить вычисляемое свойство отработать после того, что в created()
Никак.
Вам нужно просто дефолтное значение в сторе, чтобы не было ошибки чтения свойства, пока не будут загружены данные. ...
2
голоса
Принятый
Миграция c Vuex standart mode → Vuex module [Длинно-пост]
Во-первых, можно отключить namespaced, добавив соответствующий export в файл модуля:
export const namespaced = false;
Во-вторых, обратиться из одного модуля в другой можно добавив имя второго модуля ...
2
голоса
Принятый
Как правильно обновлять информацию в дочернем элементе vuejs
Чтобы избавиться от прямого изменения данных в $store.state при использовании v-model, достаточно использовать computed свойства. Например:
<template>
<input v-model="inputValue">
<...
2
голоса
Как во vue.js сохранить текст, введённый в input, в переменную, чтобы оттуда сохранить её в store?
Не вижу где у тебя v-model у input
После того как создаешь v-model у input в методе можешь написать this.$store.dispatch("saveName", YOUR_V_MODEL_INPUT)
Пример как у меня это организованно
файле ...
2
голоса
Принятый
Как добавить класс элементу Vue.js
Вы можете сохранять ссылку на текущий активный элемент в data, и при прокрутке к другому элементу сначала удалять класс activeItem у этого элемента, а потом записывать ссылку на него в data и ...
2
голоса
Принятый
В какой момент, при выполнении Vuex action, задачи на изменение добавляются в очередь тиков?
Есть подробное описание документации vuejs. Если почитать на досуге, то многое становится ясно и все последующие вопросы отпадают сами, но даже если нет, вы всегда будете знать где взять информацию.
...
2
голоса
Принятый
Vue: Не работает геттер с find во vuex
Проблема в том, что из строки запроса параметр роута id приходит как строка. Это можно проверить добавив оператор typeof перед id и вывести в console.log() - получим string. А метод this....
2
голоса
Как сделать перезагрузку компонента во Vue JS
Пример кода добавления новости:
const NewsItem = Vue.component('news-item', {
template: `<li> {{news}}</li>`,
props: ['news']
});
const app = new Vue({
el: '#app',
...
Only top scored, non community-wiki answers of a minimum length are eligible
Связанные метки
vuex × 309vue.js × 292
javascript × 133
vue-router × 33
nuxt.js × 32
vue3 × 20
vue-cli × 19
vuetify × 14
axios × 10
frontend × 6
json × 5
api × 5
typescript × 5
node.js × 4
firebase × 4
localstorage × 4
store × 4
массивы × 3
объекты × 3
spa × 3
state × 3
laravel × 2
promise × 2
modules × 2
javascript-events × 2