bestsource

계산된 속성이 서로 다른 탭에서 UI를 업데이트하지 않음 상태 관리를 위해 vuex를 사용하고 Firebase로 사용자 인증 vuex 지속 상태를 사용하여 쿠키에 상태를 저장합니다. vuex 스토어에서 아래와 같이 사용자 데이터(사용자 이름, 로그인 상태)를 관리합니다. 내 가게.js. /all imports here export const store = new Vuex.Store({ state : { user: { loggedIn: false, userName: 'Guest' } }, getters : { g_user: state => { return state.user; } }, mutations : { m_logInUser: (state, userName) => { state.user.loggedI..

한 구성 요소에서 다른 구성 요소로 양식 데이터 전달 양식이 있는 구성요소의 일부가 아닌 버튼을 통해 양식에서 정보를 얻으려고 합니다. 기본적으로 현재 구조는 다음과 같습니다. ->구성요소 A(버튼은 여기에 있습니다) -->구성요소 A 내부에서 양식이 위치한 다른 구성요소(B)를 가져옵니다. 그래서 저는 부품 A에 있는 버튼을 사용하여 부품 B의 정보를 전달하려고 합니다. 구성 요소 B가 구성 요소 A의 일부가 아닌 이유(상대적으로 쉽게 만들 수 있음)는 다른 여러 곳에서 사용되기 때문입니다. 구성 요소 A에는 다음이 있습니다. ` Add items from component B ` 구성 요소 A의 내보내기 기본값에 있는 내 데이터입니다. '//ComponentB'에서 구성 요소 B를 가져오고, 'vue..

각각 내부 오류를 유발하기 전의 Vue 라우터: 너무 많은 재귀 저는 다음과 같은 vue 라우터 파일을 가지고 있으며, 사용자가 로그인하지 않을 경우 라우터가 레지스터 페이지로 재연결하기를 원합니다.사용자가 로그인하면 정상적으로 작동하지만 로그인하지 않으면 다음 오류가 발생합니다. InternalError: too much recursion 콘솔 출력이 로그인되지 않은 경우에도 오류가 발생합니다. 즉, if 문 본문의 다음 메서드에서 오류가 발생합니다. 라우터 인덱스.js import Vue from 'vue' import VueRouter from 'vue-router' import store from '../store' Vue.use(VueRouter) const routes = [ { path: '..

Vuex 계산 속성은 경로가 변경된 후 다시 변경된 경우에만 업데이트됩니다. 인main.js내 앱의 API에서 회사를 가져오고 첫 번째를 선택하는 작업을 파견합니다.이 작업은 매번 발송됩니다. 여기서는 실패하지 않는 것 같습니다. new Vue({ el: '#app', store, router, render: h => h(App), created: function () { this.$store.dispatch('getCompaniesAndSelectFirst'); } }) 다른 관점에서는 선택한 회사에 속한 캠페인을 검색해야 하므로 vue-resource를 사용하여 마운트에서 이 작업을 수행합니다. mounted: function () { if (this.selectedCompanyId) { this.$..