muds

vuex + typescript + 네임스페이스 모듈: 다른 모듈 상태 액세스 저는 vuex를 typescript 및 네임스페이스 모듈과 함께 사용하고 있습니다.저는 "사용자 프로파일"과 "트립"이라는 두 개의 모듈이 있습니다.모든 것이 하나의 모듈 안에서 작동합니다. "Trip" 모듈 내부에서 "UserProfile" 모듈 상태에 저장된 현재 사용자에 액세스해야 합니다. 제가 알기로는 cipt 형식을 사용하지 않으면 rootState["profile/user"]를 사용할 수 있습니다. 그러나 typescript에서는 컴파일러가 다음과 같은 오류를 표시합니다. Element implicitly has an 'any' type because type 'RootState' has no index signat..

Next App을 초기화하기 전에 창 너비를 가져오고 저장하는 방법은 무엇입니까? 창 너비에 따라 다른 구성 요소를 렌더링해야 하는 다음 앱을 개발 중입니다.또한 헤더 매개 변수 중 하나가 장치 너비인 세션을 생성하라는 요청을 보냅니다.이를 위한 저의 접근 방식은 다음과 같습니다. 내 스토어의 코드: //index.js export const state = () => ({ device_width: null, session_data : {}, }) export const mutations = { set_device_width(state, payload) { return state.device_width = payload; }, set_session_data(state, payload){ return sta..

vuex 지속 상태가 vue 라우터 탐색 가드와 함께 작동하지 않음 추가했습니다.vuex-persistedstate문서에 정의된 바와 같이.(작업 및 작업) export default new Vuex.Store({ modules: { auth, }, plugins: [VuexPersistedState()] }); 로그인 시 홈 페이지로 리디렉션하도록 라우터 탐색 가드를 설정했습니다. /* Auth based route handler */ router.beforeEach((to, from, next) => { if (to.meta.hasOwnProperty('requiresAuth')) { if (to.meta.requiresAuth === true) { let isAuthenticated = authSt..

상태를 참조하지 않는 제네릭 돌연변이에서도 vuex가 제대로 작동할까요? 데이터 트리가 있는 vuex를 사용하고 있습니다.반응성이 있고 해당 구성 요소 트리가 있기 때문에 잘 작동합니다.구조가 트리이므로 깊이 중첩된 하위 개체를 변형하려는 경우가 많습니다.이를 구현하는 쉬운 방법은 페이로드에서 아이를 받아들이는 돌연변이를 사용하는 것입니다. removeLeaf(state, { child, leaf }) { child.children = child.children.filter((i: any) => i !== leaf); state = state; // silence warning }, 다른 방법은 다음과 같이 작동하도록 변환을 변경하는 것입니다. removeLeaf(state, { child_, leaf ..

Vue - 프로그래밍 방식으로 생성된 구성 요소가 vuex 저장소를 사용할 수 있도록 하는 올바른 방법 .vue 구성 요소를 가지고 있습니다.Sectors데스크톱에 있을 때 "desktop_sectors"라는 컨테이너에 추가하고 싶습니다. 또는 모바일에 있는 경우 "모바일"에 추가합니다. v-flex sm12 ma-2 ref="mobile"> 그래서 (제가 아는 한) 저는 다음을 만들어야 합니다.Sectors아래와 같이 구성 요소를 두 번 생성하지 않기 때문에 프로그래밍 방식으로 그래서 프로그래밍 방식으로 한 번만 만들어 봅니다. var componentClass = Vue.extend(Sectors) var instance = new componentClass(123) instance.store(thi..

vuex, vue-router, pinia 등에 액세스하는 방법SSR 친화적인 방식으로 Vue 구성 요소 외부에? SPA에서 SSR로 앱을 마이그레이션할 가능성을 염두에 두고 SSR 친화적인 코드를 작성하려고 합니다.이러한 코드의 원칙 중 하나는 교차 요청 상태 오염을 유발할 수 있는 상태 풀 싱글톤을 피하는 것입니다. Vuex, Vue-router, Vue-i18n 등의 인스턴스를 사용해야 할 때 문제가 발생합니다.Vue 구성 요소 외부에 있습니다.각각의 SO 답변에 대한 해결책은 다음과 같습니다.짐작하셨군요.별도의 js 파일에 상태 저장 싱글톤을 만들고 내보낸 다음 앱 전체로 가져오려면: Vue-router: https://stackoverflow.com/a/43562210/11208064 Vuex:..