Вопросы и ответы - vuex

Вопросы и ответы - vuex



Есть ответ!
Я пытаюсь создать форму, которая отображает данные из хранилища Vuex, которая позволяет пользователю обновлять поля формы, а затем нажимать кнопку Отправить, когда все готово. До сих пор я видел только учебники, использующие v-модель с вычисленными get() и set() для чтения в хранилище значений, а затем непосредственно обновляют их. Но я хотел бы интуитивно позволить пользователю изменить форму, ...
Есть ответ!
Я знаю, что это вопрос нуба, но я не могу понять его, несмотря на просмотр разных сообщений. Пожалуйста помочь. Я строю тележку для покупок с Vue и Vuex. Я храню содержимое корзины в sessionStorage, чтобы оно сохранялось, если пользователь обновится. Когда страница загружается, я могу извлечь корзину из сеанса и добавить ее в состояние vuex, но она не отражается в DOM, пока я не добавлю новый эле...
Есть ответ!
Это работает просто отлично: methods: { ...mapActions('event', ['fetchEvents']) } Но если я изменю его на этот: methods: { ...mapActions(['event/fetchEvents']) } затем эта ошибка появляется в консоли: [Vue warn]: Error in created hook: "TypeError: this.fetchEvents is not a function" found in ---> <Anonymous> <App> at src/App.vue <Root>...
Есть ответ!
Я новичок в вю.js и возникли проблемы с модулями Vuex и Axios. У меня есть компонент" post", который извлекает слизняк из маршрутизатора и извлекает данные с помощью Axios, которые затем извлекаются с помощью геттеров Vuex. Я могу успешно получить данные, но затем я все еще вижу эту ошибку на своих DevTools: "TypeError: не удается прочитать свойство 'name' undefined" Из-за этой ошибки я не могу ...
Есть ответ!
Я пытаюсь перезаписать объект внутри массива под названием device в моем магазине. мутация saveState получает устройство, если оно не существует в массиве устройств , он будет толкать объект, но если оно уже существует, он просто заменит его полученным устройством. Я пытался найти решение почти целый день, и я не могу решить проблему с моим кодом. магазин.устройство.JS export const state = () =&...
Есть ответ!
Я пытаюсь получить данные из firebase с помощью Vuex. Я общаюсь с firebase в действии, передаю данные мутациям,и геттеры будут получать данные из состояния. Затем я хочу отобразить данные о состоянии в приложении.вю. В Приложении.компонент vue, я написал dispatch в монтируемой функции и пытаюсь получить данные из Vuex. Однако я получаю ошибку "TypeError: this.$store.dispatch is not a function", и...
Есть ответ!
Я изучаю вю.js с Vuex и TypeScript, в приложении, которое я создаю, я столкнулся с ошибкой "объект, возможно, "неопределенный" " в магазине Vuex. Ошибка происходит в мутации "newCard" в этой строке: state.board.lists.find(list => list.id === idList).cards.unshift(card) Полный код магазина: const state: BoardState = { board: { id: "", name: "", idProject: "", closed: false...
Есть ответ!
Этот вопрос больше относится к организации кода. Я новичок во всем этом фронтенде. Я запустил простое приложение на базе VueJS + Vuex + VuerRouter + Vuetify + TypeScript. Это представление папки src: ├── App.vue ├── assets │   └── ... ├── components │   └── ... ├── plugins │   └── ... ├── router │   └── ... ├── services │   └── StuffAPI.ts ├── store │   ├── index.ts │   └── modules │   └── st...
Есть ответ!
Привет, мне нужно создать функцию, которая имеет полезную нагрузку. В Vuex я создал: const getters = { [GettersTeam.GET_TEST](state) { return state.teams; }, [GettersTeam.GET_TEAM]: state => id => { console.log("Run function!"); console.log(id); return state.teams; }, }; Далее я использую эту функцию в компоненте: mounted() { this.GET_TEAM(1); }, methods: { ...
Есть ответ!
У меня есть компонент под названием EditUser.vue, который связан с системой маршрутизатора с помощью маршрутизатора vue, это определение маршрута для этого компонента { path: "/users/:id/edit", name: "Edit User", props: true, component: () => import(/* webpackChunkName "edit-user" */ "@/views/EditUser.vue"), beforeEnter: (to, from, next) => { if (!store.getters.isLogged) next("/"); ...
Есть ответ!
Я создаю чат-приложение в Laravel 6 + Vue + Vuex . Я хочу сделать вызов в хранилище vuex и получить состояние после завершения действия отправки, а затем я хочу выполнить некоторую обработку этого состояния в моем компоненте vue. В компоненте ChatWindow mounted: function () { this.$store.dispatch('setContacts').then(() => { console.log('dispatch called') // I want to call ...
Есть ответ!
Я изучаю реактивность vuex, используя nuxt и модульный режим хранения. Проблема заключается в том, что несмотря на то, что все данные в хранилище успешно изменены действиями => мутации, они не появляются на странице, а показывают только пустой новый элемент массива хранилища. вот мои файлы: магазин>контакты> > индекс.JS: let initialData = [ { id: 1, name: 'Michael', ema...
Есть ответ!
Я использую Axios и Vuex в приложении Vue, которое запрашивает API iTunes, но имеет проблемы с получением введенного значения из поля поиска/текста. Сообщение об ошибке отображается на аргумент params в строке запроса. Код приведен ниже. Окно поиска <v-text-field v-model="search" autofocus @keyup.enter="searchData(params)" label="Enter Artists Name" append-icon="search"> &l...
Есть ответ!
Я смотрел различные видео по аутентификации spa vue. Все эти видео предоставляли решение на основе vuex Подобный этому ; Они создали функцию в геттерах, таких как loggedIn, которая возвращает статус аутентификации пользователя . магазин.JS [...] state:{ token: null, user: null }, getters: { loggedIn: (state) => { return state.token && state.user ? true : false ...
Есть ответ!
Я работаю на столе с помощью Q-всплывающее окно-редактирование структуры квазара и магазин Vuex. Он заполняется правильно. Однако, когда я изменяю значения в таблице, оно возвращается к своему текущему значению и вообще не отражается. Вот мой столик: tableData: [ { 'FrozenYogurt' : { 'topping': 'strawberry' }, 'FrozenYogurtPart2' : { ...
Есть ответ!
Я пытаюсь понять, как правильно обновить значение геттера, когда какая-то другая переменная из VueX изменяется/обновляется. В настоящее время я использую этот способ в компоненте для обновления: watch: { dates () { this.$set(this.linedata[0].chartOptions.xAxis,"categories",this.dates) } } Таким образом, мой геттер linedata должен обновляться со значением dates всякий раз, когда даты ...
Есть ответ!
У меня есть очень простой компонент, который полагается на данные из бэкенда, загружаемые в хранилище, и я хочу написать модульный тест для этого потока. В принципе, мой код шаблона таков: <div class="my-component"> <div class="loading-screen" v-if="loading"></div> <div class="content" v-if="!loading"></div> </div Загрузка-это вычисленное...
Есть ответ!
У меня есть простой вопрос, но я не могу найти ответ. Я использую Vuexfire для импорта данных из Firebase в Vuex. const state = { ricettario: [] // data that contains all recipes (objects) } const actions = { // Get data from Firebase init: firestoreAction(({ bindFirestoreRef }) => { bindFirestoreRef('ricettario', db.collection('ricettarioFirebase')) }), } Это работае...
Есть ответ!
Мой магазин имеет следующий код : export default { state:{ }, actions : { loadData ({commit}){ const response = await axios.request({url:'http://mydata.com/data',method:'get'}); commit('setData', response.data); console.log("Value set", response.data); } }, mutations: { setData(state,data){ state.names = data.names; state.values = data.values; } }, getters: ...
Есть ответ!
Я пытаюсь переключить данные, которые у меня есть в компоненте, на основе того, что нажато в списке вкладок в верхней части моей страницы компонента. Данные поступают из хранилища данных Vuex. Судя по тестированию хранилища данных Vuex, все работает нормально. У меня есть фиктивные данные в хранилище данных, которые, кажется, хорошо работают в моем плагине Vue Chrome dev tools. Когда я структурир...


Закрыть X