mycopycode

동적 vuex 모듈과 새 클래스를 등록하는 중 저는 회사를 위해 기본적으로 데이터 입력 양식인 간단한 Vue/Vuex 앱을 작성했습니다.그것은 사람, 그들의 차량 등에 대한 정보를 수집합니다.양식의 사용자 부분에는 20개 이상의 데이터 포인트가 있으며, Vuex를 사용하여 상태를 처리하는 4개의 자식 구성요소와 1개의 형제 구성요소에 걸쳐 있습니다. 우리 회사는 여러 사람으로 구성될 수 있는 주요 보고서를 캡처할 수 있도록 앱을 확장하기를 원합니다.OOP 배경에서 온 저의 첫 번째 생각은 클래스를 만들고 사람이 추가될 때마다 새로운 사람을 만드는 것입니다.Vue의 동적 모듈에 대해 읽어봤는데 Vue의 수업에 대한 답변인 것 같지만 이해하기 어려운 부분이 있습니다. 상위 구성 요소에 여러 개의 "사용자" ..

키가 'StoreOptions' Vuex 4 + Vue 3 + Typescript 유형에 없습니다. Typescript와 Vue3가 있는 Vuex 4 Store를 설정하고 싶습니다.저는 타자기에 대한 경험이 거의 없습니다. 초기 설정을 위해 Vuex 튜토리얼을 따라 거의 복사 붙여넣기 작업을 수행했습니다.유일하게 다른 요소는 내 안에 있다는 것입니다.State인터페이스 유형의 키가 있습니다.Station. 이 오류가 발생했습니다. TS2345: Argument of type '{ station: {}; isOverlayActive: boolean; }' is not assignable to parameter of type 'StoreOptions'. Object literal may only specif..

이름이 '[DEFAULT]인 Firebase App이 Vuex + Nux SPA에 이미 있습니다. nuxt/starter 템플릿과 함께 Vue CLI를 사용했습니다.내가 만든index.js에서/store다음 내용을 포함하는 폴더: import Vuex from 'vuex' import firebase from 'firebase' import { firebaseMutations } from 'vuexfire' var db = firebase.initializeApp({ databaseURL: 'https://vuefiredemo.firebaseio.com' }).database() var todosRef = db.ref('todos') const store = new Vuex.Store({ state: {..

감시자를 사용하여 Vuex 로그인 그래서 저는 Vuex와 vue-router를 사용하는 프로젝트를 진행하고 있습니다.로그인하는 동안 현재 페이지는 상태를 새로 고치고 로그인 버튼을 클릭한 후 페이지를 다시 로드한 후 다시 /login route로 이동합니다.감시자로부터 데이터 변경을 수신하면 사용자를 /home 경로로 리디렉션합니다.데이터 수신 시 /login route로 이동하지 않고 로딩을 하고 싶습니다. 이상하게 보이기 때문입니다. store/index.js 파일에 다음 코드가 있습니다. const state = { user: null, loading: false } const getters = { user: state => state.user, loading: state => state.loadi..

vuex 알 수 없는 작업 유형: 로그인 Login.vue auth.js. import AuthService from "../../services/auth.service"; const user = JSON.parse(localStorage.getItem('token')); const initialState = user ? { status: { loggedIn: true }, user } : { status: { loggedIn: false }, user: null }; export const auth = { namespaced: true, state: initialState, actions: { login({ commit }, user) { return AuthService.login(user).then..

Vue.js: Nuxt 오류 처리 vuex에서 오류 처리를 설정하는 데 약간의 어려움을 겪고 있습니다.적절한 에러 처리에 대해서는, 많은 방법이 있어, 문서도 거의 없는 것 같습니다.저는 4가지 대안을 실험해 보았지만, 아직 만족스러운 해결책을 찾지 못했습니다. 대안 1 - 컴포넌트 오류 검출 및 처리 에 페이지/패키지vue: export default { methods: { onLogin() { this.$store.dispatch('auth/login', { email: this.email, password: this.password, }).then(() => { this.$router.push('/home'); }).catch((error) { // handle error in component }..

vue.flash 워치가 업데이트되지 않았습니다. 나는 vue에 처음 와봐요.이제 다른 계산 변수의 변경을 기반으로 몇 가지 변수를 업데이트하려고 합니다. 이 계산된 변수는 Vuex 저장소에서 값을 가져와 정상적으로 작동합니다.가치관이 변하는 걸 알겠네요파생 변수를 계산하기 위해 계산된 변수를 감시하고 이러한 파생 값을 업데이트하는 워치를 만들었습니다.이 워치는 시작 시 두 번 호출되며 이후 더 이상 호출되지 않습니다. 단, 계산된 값은 계속 업데이트됩니다.내가 뭘 잘못하고 있지? 동작하고 있습니다. ... computed: { lastAndMarkPrice() { return store.getters.getLastAndMarkPriceByExchange( "deribit", store.getters.g..

Vuex-module-decorator, 액션 내 상태 변경 vuex-module-decorator를 사용하면authenticate상태를 변환하는 액션입니다. @Action public authenticate(email: string, password: string): Promise { this.principal = null; return authenticator .authenticate(email, password) .then(auth => { const principal = new Principal(auth.username); this.context.commit('setPrincipal', principal); return principal; }) .catch(error => { this.contex..

Vue + Vuex 프로젝트에 Vega 차트를 포함하려고 하면 오류가 발생함 Vue.js(상태관리용 vuex와 함께) 프로젝트에서 vega-embedded를 사용하려고 합니다.기본적으로 백엔드는 프런트엔드에 의해 HTTP GET 요청을 통해 클릭 이벤트를 통해 픽업되는 Vega json 객체를 제공합니다.그러나 플롯을 표시하려면 두 번 클릭해야 하며 첫 번째 클릭 이벤트가 항상 오류를 트리거합니다."Uncaught (in promise) TypeError: Cannot read property '$schema' of null". 누가 디버깅 좀 도와줄래?대단히 감사합니다.상세내용은 다음과 같습니다. vue 컴포넌트 파일: fetch cars ...및 store js 파일: import Vue from '..

composition api에서 vuex 모듈 getter를 사용하는 방법 이것은 나의 vuex getter입니다. const getters = { getMovieById: state => id => { debugger; return state.movies.find(movie => movie.id === id); } }; 컴포넌트에 모듈을 Import하고 있습니다. import movieMod from "../store/modules/movies"; getter의 반환된 값을 반응형 객체에 저장하고 있습니다. movie = movieMod.getters.getMovieById(parseInt(props.id)); 이것은 나에게 다음 함수를 반환한다. (id) { debugger; return state...