copyscript

vuex 스토어의 악리를 통해 게시한 후 리다이렉트하는 올바른 방법 nuxtjs, axios 및 vuex를 사용하여 폼 컴포넌트에서 투고하고 데이터를 백엔드에 투고하고 있습니다. 게시된 경우 레코드 보기 화면으로 리디렉션하고 ID를 사용하여 반환된 정보로 내용을 채웁니다. 따라서 경로는 /cases/contrace25일 수 있습니다(14325가 생성 후 반환되는 ID인 경우) 어떻게 하면 좋을까요? 내 vuex 스토어에 다음 코드가 있습니다. export const state = () => ({ cases: [] }) // *** MUTATIONS *** export const mutations = { add(state, newCase ) { state.cases.push(newCase) }, } // ..

구성 요소에서 내 스토어 개체에 액세스할 수 없음 내 스토어 모듈/store/template.js다음과 같은 것이 있습니다. const templateConfig = { branding: { button: { secondary: { background_color: '#603314', background_image: '' } } } } export const state = () => ({ branding: {}, ... }) export const actions = { initializeStore (state) { state.branding = templateConfig.branding } } (initializeStore()앱이 처음 로드될 때 호출됩니다.) 브랜딩을 취득하고 싶다.branding내 컴포..

Vue. vuex 상태에 따라 창 닫기 방지 따라서 Vuex 상태에 특정 값이 있는 경우 Vue App이 브라우저 창을 닫지 않도록 합니다.문제는 Vuex 스토어가 라이프 사이클 훅에서 사용할 수 없다는 것입니다. 제가 하려는 일은 다음과 같습니다. mounted: function () { window.addEventListener('beforeunload', function (event) { console.log('unload'); if (this.$store.state.curOrder != ''){ event.preventDefault() event.returnValue = "" } }, false) }, 브라우저 창을 닫으려고 하면 콘솔로그는 맞는데 다음 오류가 나타납니다. Uncaught Type..

Vuex가 정의되지 않은 속성 '상태'를 읽을 수 없음 Vue를 처음 사용하는데 오류가 발생하여 이 문제를 해결할 수 있는 이유와 방법을 알 수 없습니다.콘솔에서 발생한 오류는 다음과 같습니다. 정의되지 않은 속성 '상태'를 읽을 수 없습니다. vue 버전 @vue/cli 4.5.12를 사용하고 있습니다. 제가 가지고 있는 파일은 다음과 같습니다. main.discloss.main.discloss. import { createApp } from 'vue' import App from './App.vue' import router from './router.js' import {store} from './store.js' const app = createApp(App) app.use(router, stor..

Vue 및 Vuex를 사용하여 Firebase 인증이 작동하지 않음 Vue 앱에서 Firebase를 사용하여 인증을 추가하려고 하는데[Vue warn]: Error in v-on handler: "TypeError: _config_firebase__WEBPACK_IMPORTED_MODULE_8__.user.SignInWithEmailAndPassword is not a function"에러입니다.다음은 저의 IREBASE 설정 파일입니다. import firebase from "firebase/app"; import "firebase/firestore"; import "firebase/auth"; const firebaseConfig = { apiKey: "MY_API_KEY", authDomain: "..

Vuex에서 알 수 없는 돌연변이 유형 us 요소 computed: { score () { this.$store.commit('geolocation'); console.log(this.$store.getters.lat); } } store.displaces를 설정합니다. export default { state: { lat:'ok', }, getters:{ cordinate(state){ return state.lat } }, mutations: { geolocation(state){ state.lat } }, actions: { } } App.js import StoreData from'./store.js'; Vue.use(Vuex); const store = new Vuex.Store({StoreDa..

Vuex 작업에 vue-resource를 사용해야 합니까? 백엔드에서 공항을 불러오는 웹 앱을 개발하고 있습니다.또한 Vuex를 사용하여 상태와 데이터를 공유하고 있습니다.질문은 VueX 액션 또는 vue 인스턴스 메서드로 공항을 로드한 후 이벤트만 디스패치하는 액션을 호출해야 하는지 여부입니다. 예 // ajax from vuex actions export const loadAirports = ({dispatch})=>{ //load data via vue-resource dispatch("SET_AIRPORTS",data); } 또는 //action export const setAirports(({dispatch},airports) =>{ dispatch("SET_AIRPORTS",airports);..

vuex 작업에서 여러 인수를 전달할 수 없음 여러 매개 변수를 사용하여 vue 구성 요소에서 vuex 작업을 호출하려고 합니다.그러나 실제로 메서드는 이러한 전달된 인수에 액세스할 수 없습니다. 이미 payload의 값을 여기서 주로 제안하는 오브젝트로 전달하려고 시도했지만 여전히 작동하지 않습니다. 찾아주세요 this.getMessageFromServer(payload); MessageBox.vue import Vue from 'vue'; import { mapGetters, mapActions } from 'vuex'; import MessageView from './MessageView.vue'; export default Vue.component('message-box',{ components:..

적절한 isLoading 속성을 사용하여 기본 Vuex 상태를 생성하는 방법 store.js 파일에 직접 디스패치하는 액션을 생성하여 디폴트 상태를 만듭니다.기본 상태 속성이 있습니다. isLoading: false payload를 사용하여 여러 개의 커밋을 하는 액션을 디스패치합니다. import Vue from 'vue' import Vuex from 'vuex' import axios from 'axios' Vue.use(axios) Vue.use(Vuex) const store = new Vuex.Store({ strict: true, state: { projects: null, posts: null, isLoading: false, baseUrl: 'https://example.com/v2/' ..

vuex 모듈 사용 시 돌연변이를 테스트하는 방법 vuex 모듈을 사용하기 전에 변환 테스트는 OK였습니다. import mutations from '@/vuex/mutations.js' import vueAuthInstance from '@/services/auth.js' import { IS_AUTHENTICATED, CURRENT_USER_ID } from '@/vuex/mutation_types.js' describe('mutations.js', () => { var state beforeEach(() => { state = { isAuthenticated: vueAuthInstance.isAuthenticated(), currentUserId: '' } }) describe('IS_AUTHENT..