c10106

부에루터 푸시 정의되지 않음 나는 UI를 디자인하기 위해 Quasar 프레임워크를 사용했다.기능을 사용하여 로그아웃하고 다른 경로로 푸시하는 경우vue-router나는 다음과 같은 오류를 얻었다. TypeError: Cannot read property 'push' of undefined vuex 작업 방법을 사용하여 로그아웃 및 교체: export const handleAuthStateChanged = ({ commit }, payload) => { firebaseAuth.onAuthStateChanged(function(user) { if (user) { // user is logged in let userId = firebaseAuth.currentUser.uid; firebaseDB.ref("us..

Vuejs: 구성 요소 간 공유 상태 나는 Vuejs에 있는 구성요소들 간의 공유 상태를 구현하기 위한 최선의 방법을 알고 싶다. 상상 상황 A: 당신은 모달(모달)을 보여주는 웹 앱을 가지고 있다.모달의 부울 상태가 있음show. 이 상태는 모달 OK-버튼을 클릭했을 때 변경되어야 하지만 또한 배경의 어떤 부분을 클릭했을 때 변경되어야 하며, 심지어 어떤 서버 푸시 상태 변경에서도 변경되어야 한다.따라서 모달은 부모 앱처럼 상태를 변경할 수 있어야 한다. 상황 B: 공통 데이터를 공유하는 여러 구성 요소 내부의 입력 필드를 보여주는 웹 앱이 있음value. 사용자가 변경되는 경우value한 구성 요소의 필드를 통해 다른 구성 요소에서도 업데이트해야 한다.다시 말하지만 둘 다 서버 푸시 이벤트에서 업데이..

Vuex + Jest에서 스토어에 전화를 거는 게이터를 어떻게 유닛 테스트하는가? 나는 내 vuex 상점에서 다음과 같은 아주 간단한 getter를 테스트하려고 한다.그것은 단순히 두 개의 줄을 연결시키는 것이다. const getters = { adressToGet: state => { return state.baseAdress + store.getters.queryToGet } } 주의 부분을 조롱하는 것은 쉽지만 나는 가게를 조롱하는 좋은 방법을 찾을 수 없다. 구성 요소에 있는 경우 구성 요소를mount또는shallow모의 가게로 배정할 수도 있지만 그렇지 않아이건 Vuex 스토어에서 온 겁니다. 이건 내 시험 코드야. import Search from '@/store/modules/search'..

Vuex를 사용하여 나만의 클래스 객체를 저장할 수 있는가? 컴포넌트 간에 객체를 공유하고자 하는데, 클래스 코드가 있다. class IDE { constructor(id) { config.set('basePath', 'static/js/ace'); this.aceEditor = edit(id); this.aceSession = this.aceEditor.session; this.aceSession.setMode("ace/mode/javascript"); this.aceEditor.setTheme('ace/theme/monokai'); this.aceEditor.setShowPrintMargin(false); } setMode() { } } 누가 나한테 vuex를 사용하라고 말해줘, 여기 내 가게 모듈 ..

1 액션 2 커밋(교정) 하지만 첫 번째 커밋이 로딩 완료되기를 기다려야 함 내 행동은 다음과 같다: actions: { getFireBaseOrders(state) { db.collection(`ordersOptimized`) .where("date", ">=", 20210107) .onSnapshot((res) => { const changes = res.docChanges(); changes.forEach((change) => { let payload = change.doc.data(); state.commit("firebaseOrders", payload); }); }); state.commit("shopPerformanceTable") }, 이 가게들은 내 소방시설들을 내 주(州)로 밀어 넣는다..

Nuxt + Vuex mapGetters 값은 항상 정의되지 않음 나는 Nuxt와 함께 VueX를 사용하고 있다.JS 그러면 파일에 다음 코드가 있다고 가정해 봅시다.store/search.js: export const state = () => ({ results: null }); export const mutations = { setResults(state, { results }) { state.results = results; } }; export const actions = { startSearch({ commit, dispatch }, { type, filters }) { commit("setResults", { type, filters }); } }; export const getters = {..

(vue 구성 요소 대신) javascript 파일에서 vuex 상태를 가져오는 방법 나는 vuex(2.1.1)로 작업하고 있으며 vue 단일 파일 구성 요소 내에서 작업을 수행한다.그러나 vue 단일 파일 구성 요소의 너무 많은 순항을 방지하기 위해 일부 기능을utils.jsvue 파일로 가져오는 모듈.이 점에서.utils.js나는 vuex 상태를 읽고 싶다.내가 어떻게 그럴 수 있을까?Getters 등으로 주(州)에 접근하는 것처럼 보이므로 귀하가 Vue 구성 요소 내에서 작업하고 있다고 가정하는 것인가, 아니면 그렇지 않은가? 하려고 했다.import state from '../store/modules/myvuexmodule'그리고 나서 을 참조하라.state.mystateproperty그러나 vu..

값을 직접 가져오거나 설정하는 대신 게터 및 돌연변이를 사용해야 하는 이유 다음 사이의 차이점: this.currentLanguage = this.$store.getters.currentLanguage; 그리고 이는 게이터를 위한 것이다. this.currentLanguage = this.$store.state.currentLanguage; 또한 다음과 같다. this.$store.commit('setLanguages', this.languages); 돌연변이를 통해 동일한 결과를 얻을 수 있다. this.$store.state.languages = this.languages; 나는 두 경우 모두 내가 원하는 것을 받고 있다.그리고 내가 getter/mutation을 쓸 필요가 없기 때문에 가치를 직접 ..

Vuex 모듈 장식가:여기에서 vuex 모듈에 액세스하십시오.$store가 모듈을 등록하지 않음 내 프로젝트에서, 나는 작은 vuex 모듈을 만들었다.vuex-module-decorators. 그러나 직접 액세스하려고 할 때this.$store또는$store템플릿 부분에서는 등록을 트리거하지 않는다. 예를 들면 다음과 같다. // exampleModule.ts import { Module, getModule, Mutation, VuexModule } from 'vuex-module-decorators'; import store from '@/store'; @Module({ dynamic: true, namespaced: true, name: 'example', stateFactory: true, stor..

오류: 'vue-loader-v16/패키지' 모듈을 찾을 수 없음json's 난 vue.js는 처음이야, react.js에서 온거야.내가 vue loader와 직면하고 있는 문제는 처음에는 발생하지 않았지만, 두 번째부터는 앱이 서버 시작으로부터 충돌한다. npm run serve > todo@0.1.0 serve /home/riyad/Desktop/todo_wedevs/todo > vue-cli-service serve INFO Starting development server... ERROR Error: Cannot find module 'vue-loader-v16/package.json' Error: Cannot find module 'vue-loader-v16/package.json' at Fun..