반응형

vuex 217

XState가 유휴 상태로 유지되지 않음

XState가 유휴 상태로 유지되지 않음 나는 사용하고 있다xstate와 함께vuex내 애플리케이션에서: vuex사용자, api 호출, 응답 항목 등을 처리한다. xstate주로 복잡한 형태 상호작용을 처리한다. 그 이유로, 그 복잡한 형태는 서로 의사소통하는 여러 요소들을 포함하고 있다.xstate 구성 요소 레벨이 아닌 내부vuexxstate visualizer 내부에서는 다음과 같이 동작하는 것 같다. 나는 주 사이를 전환할 수 있지만, 실제 적용에서는 초기 상태(공회전)로 돌아간 다음 그대로 있을 수 없다.그것은 항상 다음 것으로 바뀐다.내가 뭘 잘못하고 있는지 모르겠지만 콘솔에 state getter라는 서식을 기록했는데 출력은 다음과 같다. formState idle formState crea..

IT이야기 2022.03.14

Nuxt 저장소를 모듈 모드로 이동하면 'Getter is function' 오류가 발생함

Nuxt 저장소를 모듈 모드로 이동하면 'Getter is function' 오류가 발생함 클래식 모드는 곧 더 이상 사용되지 않을 것이기 때문에, 나는 내 스토어를 모듈 모드로 옮기려고 한다.그러나 나는 상태, 행동, 돌연변이 및 게이터를 별도의 파일에 보관하고 싶다.그래서 내가 현재 오직 하나의 모듈만 가지고 있다고 하자 - auth.이게 내 가게 구조야 store |_ modules | |_auth | |_actions.js | |_getters.js | |_mutations.js | |_state.js | |_actions.js |_auth.js |_getters.js |_index.js |_mutations.js |_state.js store\modules\auth\state.js현재 하나의 속..

IT이야기 2022.03.09

Vuex 저장소를 교체하지 않고 Vuex 업데이트

Vuex 저장소를 교체하지 않고 Vuex 업데이트 내 Nuxt store/index.js 파일에 다음 데이터가 있는 경우: export const state = () => ({ user: { status: 'signedin', data: { 'salutation': 'Mr', 'firstname': 'Test', 'lastname': 'Person', 'emailaddress': 'test@test.com' } } }); '데이터' 섹션 내에서 특정 값을 업데이트하고 싶지만 다른 값은 업데이트하지 않음...예: '이름'을 '데이비드'로 변경하고 싶지만 나머지 데이터는 동일하게 유지하고 싶다.누가 나에게 올바른 방향을 가리켜 줄 수 있겠니?돌연변이로 이 일을 할 수 있어야지CodePen은 하위 속성을 업데..

IT이야기 2022.03.08

Vue 및 Vuex가 스토어 모듈 내부에서 Axios 작업을 수행함

Vue 및 Vuex가 스토어 모듈 내부에서 Axios 작업을 수행함 나는 Vue에서 Vuex를 국가 관리로 사용하는 앱을 쓰고 있어. 데이터에서 CRUD 작업을 수행하려면 Axios를 사용하십시오. 문제는 내가 전남편일 때야. Express 서버를 사용하여 MongoDB 데이터베이스에 게시 (둘 다 나중에 임시로 교체됨) Vuex의 상태는 건드리지 않으며 구성 요소가 새 데이터로 자동 갱신되지 않는다.페이지를 새로 고쳐야겠어. 하지만 아래의 예를 들자면, 이 부품은 주(州)에서 돌연변이로 다시 렌더링할 수 있지만, 그게 나한테는 완벽하고 선호되는 방법은 아니에요. 포스트/삭제/업데이트를 할 때 상태를 "터치"하여 구성 요소를 다시 렌더링할 수 있는 방법이 있는가?하드 리프레시를 찾거나 fetchData(..

IT이야기 2022.03.08

vuexfire가 상태를 업데이트하지 않고 UI를 올바르게 업데이트하는 이유

vuexfire가 상태를 업데이트하지 않고 UI를 올바르게 업데이트하는 이유 프로젝트를 위해 소방서에 화재를 설치하려고 하는데, 문서대로 다 한 것 같아.vuex/vuexfire를 사용하여 구성 요소 내 소방서에서 데이터를 가져와 UI에 올바르게 표시했지만, 개발 도구의 상태를 검사할 때 내 상태가 변경되지 않았음을 알게 된다. 나는 vue-cli를 사용하여 프로젝트를 설정하고 vuexfire 문서와 기본 작업관리 앱의 예를 따랐다. 여기 제 가게 파일: import Vue from 'vue' import Vuex from 'vuex' import { vuexfireMutations, firestoreAction } from 'vuexfire' import { db } from './db' Vue.use..

IT이야기 2022.03.08

Vuex에서 정의되지 않은 속성 'displatch'를 읽을 수 없음

Vuex에서 정의되지 않은 속성 'displatch'를 읽을 수 없음 vuex 스토어에 있는 'logOutUser'에서 디스패치를 수행하려고 하는데 다시 연기할 때 다음 오류 메시지가 표시됨: TypeError: 정의되지 않은 속성 'dispatch'를 읽을 수 없음 deleteUser.vue(파견 작업이 작동하지 않는 구성 요소): Delete User Are You Sure? Deleting your user is a permanent action. Delete User Close store.js: import Vue from 'vue' import Vuex from 'vuex' import user from './modules/user' import genre from './modules/genre..

IT이야기 2022.03.07

Vuex 작업에서 Vue 라우터를 사용하여 탐색하는 방법

Vuex 작업에서 Vue 라우터를 사용하여 탐색하는 방법 나는 Vue 2.x와 Vuex 2.x로 웹 앱을 만들고 있어.http 통화를 통해 원격 위치에서 정보를 가져오는 중인데, 호출이 실패하면 다른 페이지로 리디렉션해 주길 바란다. GET_PETS: (state) => { return $http.get('pets/').then((response)=>{ state.commit('SET_PETS', response.data) }) }, error => {this.$router.push({path:"/"}) } ) } 그렇지만this.$router.push({path:"/"})나에게 다음과 같은 오류를 준다. 미취득(약속)TypeError: 정의되지 않은 속성 'push'를 읽을 수 없음 어떻게 하면 이것을..

IT이야기 2022.03.06
반응형