반응형

vuex 40

다른 모듈의 getter를 사용하여 Vuex 상태를 설정하는 방법

다른 모듈의 getter를 사용하여 Vuex 상태를 설정하는 방법 VueJs에서 애플리케이션을 구축하고 있는데 Vuex 모듈에서 문제가 발생하고 있습니다. 어떤 시도를 해도 다른 모듈에서 호출할 때 모듈의 상태를 가져올 수 없습니다. 내 Vue Devtools Vuex getters: modA/mycustomer: 정의되지 않음 Vuex 웹사이트에서 모든 문서를 읽고 stackoverflow에서 이미 제공된 솔루션 중 몇 가지를 시도했지만 잘 모르겠습니다.뭔가 간과하고 있는 것 같아 내 스토어.인텔 export default new Vuex.Store({ modules: { modA: moduleA, modB: moduleB } }) 모듈 A JS export default { namespaced: tr..

source 2022.08.27

Vuex 모듈에서 "뒤틀림"을 방지하기 위해 어떤 이름을 사용합니까?

Vuex 모듈에서 "뒤틀림"을 방지하기 위해 어떤 이름을 사용합니까? Vuex 모듈의 "터터터링"을 피하는 데 어려움을 겪고 있습니다.대부분의 경우 모듈 이름 또한 모듈에 포함되어 있는 것처럼 보입니다. 예를 들어 사용자를 처리하는 모듈이 있다고 가정합니다.모듈 파일 이름을 지정합니다.user.js export default { state: { users: [] }, // mutations and actions for reading, creating, updating users... } 그럼 저희 가게에서는index.js import user from 'user'; export default new Vuex.Store({ modules: { user } }); 사용해야 하는 컴포넌트에서 사용자 목록을 가..

source 2022.08.27

vuex-module-decorator에서 MutationAction을 사용하는 방법

vuex-module-decorator에서 MutationAction을 사용하는 방법 https://championswimmer.in/vuex-module-decorators의 vuex-variators를 사용하려고 합니다.모듈 상태에 프로펠러가 있다고 칩시다.dir그건 명령이다.{[key: string]: string}사용할 수 있습니까?@MutationAction그 명령의 요소를 업데이트 할 수 있나요?아래 코드는 맞지 않지만 내 뜻을 이해하기를 바란다. export default class Module extends VuexModule { dir: {[key: string]: string} @MutationAction(???) updateDir(keyValue) { return keyValue //..

source 2022.08.21

이것을 사용하는 것의 단점은 무엇입니까?vue 컴포넌트의 $root?

이것을 사용하는 것의 단점은 무엇입니까?vue 컴포넌트의 $root? vue의 공식 문서에서 다음 사용법을 찾았습니다.$root엣지 케이스 섹션에 있습니다.'엣지 케이스'를 사용하면this.$root(또는this.$parent)의 경우 자 컴포넌트에서 루트인스턴스의 데이터를 변환하는 방법은 일반적이지 않으며 권장되지 않습니다. vuex는 규모가 크고 복잡한 vue 애플리케이션에 가장 적합한 상태 관리 옵션이며 더 고급 기능을 갖추고 있어 디버깅에 적합합니다.하지만 그게 날 확신시키진 못해this.$root좋지 않아요. 의사 말처럼this.$root루트 데이터를 변환하는 것은 데이터 변경이 발생한 시기와 장소를 추적할 수 없기 때문에 디버깅에 적합하지 않습니다.하지만 내가 알고 싶은 건 이this.$roo..

source 2022.08.21

새로고침 시 Vue 라우터가 홈 페이지로 리디렉션됨

새로고침 시 Vue 라우터가 홈 페이지로 리디렉션됨 저는 루트가 많은 vue 앱을 가지고 있습니다.페이지를 새로고침하려고 하면 항상 현재 페이지를 새로 고치지 않고 홈 페이지로 리디렉션됩니다. 라우터의 설정은 다음과 같습니다. export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', name: 'home', component: Home, children: [ { path: "/dashboard", name: 'dashboard', component: DashboardView }, { path: "/About", name:'about', component: About }, { path: "/c..

source 2022.08.21

하위에서 스토어 변경을 트리거해도 스토어가 업데이트되지 않습니다.

하위에서 스토어 변경을 트리거해도 스토어가 업데이트되지 않습니다. 부모 파일 html // Does not work (1) // Works below (2) 앱 버튼 컴포넌트에 의해 호출되는 함수 public goToSlide(increment) { const newIndex = this.orderIndex + increment; if (newIndex = this.deckSlides.length) { return; } this.setActiveSlide(newIndex); } private setActiveSlide(index) { this.slideIndex = index + 1; const { deckID, ID: slideID } = this.deckSlides[in..

source 2022.08.19

페이지 헤더 구성 요소 - Vuex가 중첩된 하위 구성 요소의 저장소를 업데이트하도록 가져올 수 없습니다.

페이지 헤더 구성 요소 - Vuex가 중첩된 하위 구성 요소의 저장소를 업데이트하도록 가져올 수 없습니다. Vue 앱을 사용하여 페이지 머리글 구성 요소를 생성하여 고급 보기 구성 요소(홈, 라이브러리, 강의실)로 가져옵니다.이들 각 '상위' 수준의 뷰에는 중첩된 '자녀 경로' 컴포넌트가 로드되는 라우터 뷰가 있습니다.로드되는 구성 요소와 일치하도록 페이지 머리글 구성 요소의 제목을 변경하려고 했습니다.조사를 해보니 당연히 필요한 기능을 얻기 위해 소품이나 슬롯을 사용할 수 없다는 것을 알게 되었습니다.루트 파라미터 또는 쿼리를 사용하여 작업을 수행할 수 있다는 것은 알지만, URL을 복잡하게 만드는 추가 정보는 원하지 않습니다. Page Header 컴포넌트에 필요한 데이터를 저장하기 위해 Vuex를 ..

source 2022.08.19

Vuex는 시작 시 API 호출의 데이터를 채웁니다.

Vuex는 시작 시 API 호출의 데이터를 채웁니다. 간단한 질문 죄송합니다.Vue/Nuxt/Vuex는 정말 처음입니다. 저는 현재 vuex 스토어를 가지고 있습니다.이 스토어를 사용하여list처음에 API 호출이 있는 경우(컴포넌트 내에서 인스턴스화하는 경우와 스토어에서 직접 앱의 모든 페이지에서 액세스할 수 있습니다). store.displaces를 설정합니다. export const state = () => ({ list: [], }) export const mutations = { set(state, testArray) { state.list = testArray } } export const getters = { getArray: state => { return state.list }, } 저는..

source 2022.08.19

미검출 Firebase Error:DocumentReference.set() 함수가 잘못된 데이터로 호출되었습니다.지원되지 않는 필드 값: 정의되지 않음

미검출 Firebase Error:DocumentReference.set() 함수가 잘못된 데이터로 호출되었습니다.지원되지 않는 필드 값: 정의되지 않음 저는 Vue & Firebase와 함께 전자상거래를 만들고 있습니다.현재 로그인한 사용자의 카트 정보를 추가하려고 합니다.이상한 것은 정보가 완벽하게 저장되는 첫 번째 순간이다.다시 넣으려고 하면.그 선량으로 동작하면, 에러가 표시됩니다. 미검출 Firebase Error:DocumentReference.set() 함수가 잘못된 데이터로 호출되었습니다.지원되지 않는 필드 값: 정의되지 않음 그래서 나는 그 페이지를 새로 고쳐야 한다.그리고 다시 작동한다.어디가 문제인지 모르겠어요. 주의: 카트 대신 다른 값을 추가하려고 할 경우.잘 작동해요. check..

source 2022.08.19

Signal R을 Vue.js 및 Vuex와 통합

Signal R을 Vue.js 및 Vuex와 통합 현재 vue-cli 웹 팩 템플릿을 기반으로 투표 앱 작업을 진행 중입니다.투표 상태를 일관성 있고 유지보수가 가능한 방식으로 저장하고 조작하고 싶기 때문에 vuex를 상태 관리에 사용할 예정입니다.프론트엔드와 백엔드 간의 상호작용은 웹소켓에 기반하고 있으며 이전 프로젝트에서 매우 우수하다는 것이 입증되었기 때문에 시그널러를 사용하고 싶습니다.vue.js는 처음이기 때문에 signalr, vuex 및 vue.js를 완벽하게 통합하는 방법에 대한 조언이 필요합니다. 시나리오에 대해 설명하겠습니다. 프론트엔드는 백엔드로부터 이벤트를 수신하여 투표 폴링이 활성화되어 선택된 답변을 수신할 수 있음을 인식합니다.일정 시간이 지나면 프런트엔드에 결과를 사용할 수 있..

source 2022.08.19
반응형