반응형

vuex 59

미리 정의된 개체 대신 페이지 새로 고침 후 Vuex 상태가 null로 변환됩니다.

미리 정의된 개체 대신 페이지 새로 고침 후 Vuex 상태가 null로 변환됩니다. 간단한 어플리케이션에서는 컴포넌트 작성 후크에 연결된 간단한 돌연변이 및 액션 세트를 만듭니다.브라우저에서 F5 키를 누른 후 Vuex 탭에서 vue-devtools가 열리면 응용 프로그램 시작 시 오류가 표시되지만, 이 오류가 발생하면 안 됩니다. 주요 질문: 상태가 'null'인 이유와 상태를 변경하는 방법 store.displaces를 설정합니다. export default new Vuex.Store({ state: { a: undefined, b: undefined }, mutations: { SET_A (state, a) { console.info(a) state.a = a // ← store.js?c0d6:14..

itsource 2022.09.23

app.js:81010 [Vue warn] :마운트된 후크 오류: "ReferenceError: $store가 정의되지 않았습니다."

app.js:81010 [Vue warn] :마운트된 후크 오류: "ReferenceError: $store가 정의되지 않았습니다." vuex를 사용하기 위해 코드를 리팩터링하려고 합니다.app.js:81010 [Vue warn]의 2개의 에러가 표시된다.마운트된 후크 오류: "ReferenceError: $store is defined" 및 ReferenceError: $store가 정의되지 않았습니다.vuex는 제대로 Import한 것 같아요. 목표는 vuex를 사용하여 데이터베이스의 직원 데이터로 부트스트랩-vue 데이터 테이블을 업데이트하는 것입니다. EmployeeDataTable.vue 파일에는getEmployees에 있어서의 방법.methods: {}제가 원하는 것은 이 모든 것을fetchA..

itsource 2022.09.19

{...obj1, obj2}의 정확한 기능

{...obj1, obj2}의 정확한 기능 이 질문에는 이미 답변이 있습니다. 점 3개가 있는 Javascript 속성(...) (4개의 답변) 닫힘2년 전에요. 2개의 오브젝트가 있다고 칩시다. const state = { fishes: { /* some obj data */ }, animals: { /* some obj data */ } const animals = { /* some NEW data */ } Vuex에는 replaceState() 메서드가 있습니다.설명서에 따르면 이 메서드는 하나의 인수를 사용하여 상태를 해당 개체로 대체합니다. 다음과 같은 결과를 얻을 수 있는 결과: replaceState({ ...state, animals }) 구체적으로 말하면,{ ...state, animal..

itsource 2022.09.18

vuex 작업에 dayJS를 사용할 수 있지만 Vuex 저장소의 상태를 초기화할 수 없는 이유는 무엇입니까?

vuex 작업에 dayJS를 사용할 수 있지만 Vuex 저장소의 상태를 초기화할 수 없는 이유는 무엇입니까? NuxtJs를 사용하여 초기 월을 현재 월로 설정하려고 합니다.dayjs모듈. 사용할 수 있는 이유this.$dayjs행동을 취하지만 상태는 아닐까요?글로벌하게 접근할 수 있어야 하지 않을까요? 그리고 이번 달은 어떻게 초기화하면 좋을까요? export const state = () => ({ month: this.$dayjs().startOf('month'), //THIS LINE DOESNT WORK }) export const mutations = { } export const actions = { bindOngepland: firestoreAction(function ({ bindFires..

itsource 2022.09.11

Firebase Error:함수 쿼리여기서()이 유효하지 않은 데이터로 호출되었습니다.지원되지 않는 필드 값: 정의되지 않음

Firebase Error:함수 쿼리여기서()이 유효하지 않은 데이터로 호출되었습니다.지원되지 않는 필드 값: 정의되지 않음 어디서 특정된 서류만 받고 싶습니다. uid 속성에 등록된 이메일 주소를 신규 등록 시 Firestore에 값으로 저장합니다. async signUp() { const db = firebase.firestore(); await this.$store.dispatch('signUp', { username:this.username, email:this.email, password:this.password }); await db.collection('myData').doc(this.username).set({ uid: this.email, email: this.email, myWallet..

itsource 2022.09.04

Vue.js[vuex] 변환에서 디스패치하는 방법

Vue.js[vuex] 변환에서 디스패치하는 방법 json 개체에 적용할 필터 목록이 있습니다. 내 돌연변이는 다음과 같습니다. const mutations = { setStars(state, payload) { state.stars = payload; this.dispatch('filter'); }, setReviews(state, payload) { state.reviews = payload; this.dispatch('filter'); } }; 필터 작동 방식 때문에 사용자가 필터 옵션을 선택 해제하면 문제가 발생하기 때문에 목록을 계속 다운필터링할 수 없기 때문에 필터를 다시 적용해야 합니다. 그래서 별 필터나 리뷰 필터(사용자가 필터링 중)에 변환이 이루어졌을 때 모든 필터를 실행하는 함수를 호..

itsource 2022.09.03

AX 분리 방법Vuex 스토어로부터의 IOS 요구

AX 분리 방법Vuex 스토어로부터의 IOS 요구 매우 정상적인 Vuex 스토어 파일을 가지고 있으며, 코드는 다음과 같습니다. //store.js import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export const store = new Vuex.Store({ state: { loading: true, companyBasicInfo: [ ] }, mutations: { getCompanyBasicInfo: (state, res) => { state.companyBasicInfo.push(res); }, changeLoadingStatue: (state, loading) => { state.loading = loading; } }, act..

itsource 2022.08.31

Vuex 상태의 어레이 항목 복제(Socket.io 사용)

Vuex 상태의 어레이 항목 복제(Socket.io 사용) 이 앱은 Vue에 내장되어 있으며 Vuex를 사용하고 있습니다.소켓을 사용하여 노드/Express 백엔드에 연결합니다.필요할 때 서버에서 클라이언트로 데이터를 즉시 푸시할 수 있습니다. 클라이언트에 푸시된 데이터는 VUEX의 배열에 저장되는 개체 형식입니다.어레이에 푸시된 각 데이터 개체에는 고유한 문자열이 연결되어 있습니다. 이 문자열은 VUEX의 어레이에 이미 푸시된 개체를 비교하는 데 사용됩니다.중복된 항목이 있으면 저장되지 않습니다.같지 않은 경우 =가 저장됩니다. 그 후, 나는...mapGettersVuex에서 어레이를 가져와 루프를 통과합니다.각 오브젝트에 대해 컴포넌트가 렌더링됩니다. 단, VUEX의 어레이에 1개의 복사본만 표시되어..

itsource 2022.08.31

vuex-module-decorator에서 재사용 가능한 getter 생성

vuex-module-decorator에서 재사용 가능한 getter 생성 vuex-module-decorator를 사용하여 이러한 문제에 직면했습니다.부모 모듈을 생성하여 자녀 모듈을 확장하고 동작과 getter를 상속할 수 있도록 하고 싶었습니다.하지만 getters는 유전되지 않는다. 나도 그렇게 해봤어 나의parent-module.ts: import {Action, getModule, Module, Mutation, VuexModule} from 'vuex-module-decorators'; export class ParentStore extends VuexModule { public get getterForInherit(): any { return someData } } 하위 모듈:child-o..

itsource 2022.08.31

등록된 모든 Vuex 모듈을 가져오는 방법

등록된 모든 Vuex 모듈을 가져오는 방법 모든 Vuex 모듈에서 반복할 수 있는 방법이 있습니까?모듈 이름을 이렇게 등록했습니다. $store.registerModule('module-xyz', module); 이제 그들 모두의 명단을 얻을 수 있는 방법은 없을까?문서화되어 있지 않지만 모든 모듈은_modules속성: console.log(this.$store._modules.root._children); 또한 다음과 같이 모듈의 존재 여부를 확인할 수 있습니다. console.log(this.$store.hasModule('module-xyz')); 언급URL : https://stackoverflow.com/questions/66139527/how-to-get-all-registered-vuex-m..

itsource 2022.08.31
반응형