gigabyte

페이지 새로 고침 후 쿠키 저장소가 있는 Vuex 상태가 손실됨 쿠키 스토리지와 함께 Vuex를 사용하고 있지만 F5 페이지 새로 고침을 실행하면 상태가 손실됩니다.이유를 알 수가 없어요. "secure" 옵션을 "true"와 "false"에서 전환하려고 했지만 수정되지 않습니다.IIS를 사용하여 로컬 환경에서 테스트하고 있습니다. *를 'js-cookie'에서 쿠키로 Import하고, createPersistedState를 'vuex-persistedstate'에서 Import한다. 기본 새 Vuex를 내보냅니다.스토어({ strict: true, plugins: [ createPersistedState({ storage: { getItem: key => Cookies.getJSON(key), setI..

Vuex가 정의되지 않은 속성을 읽을 수 없음 Vuex를 사용하여 글로벌 변수를 사용하려고 하지만 계속 사용할 수 있습니다.undefined초기화해도 오류 발생Vuex사용.Vue.use();. TypeError: Cannot read property 'isAuth' of undefined store.syslog: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ isAuth: true, }); main.filename: import store from './store/store'; .... new Vue({ el: '#app', store, router, render: h => h(Ap..

vuex-store에서 vue child-component를 업데이트하려면 어떻게 해야 합니까? 내 앱은 플레이어가 이름과 암호를 입력할 수 있는 창을 보여준다. 플레이어가 존재하고 카드가 있으면 저도 카드를 보여주고 싶습니다.플레이어가 존재하면 카드를 보이게 합니다.그런 다음 'created'에서fetchSpelerCards를 호출합니다.성공했지만 VUE 콘솔에 보류 중으로 표시됨... 경험 많은 사용자가 이 글을 읽고 힌트, 참조 또는 설명을 해 주셨으면 합니다. 그 때문에, 다음의 코드로 하고 있습니다. Meld je aan Save {{errorMessage}} {{successMessage}} 컴포넌트는 다음과 같습니다. Cards 1 Save {{currentSpelerCard.title}} ..

상위 구성 요소에서 v-dialog를 열고 닫으려면 어떻게 해야 합니까?Vuex를 사용하시겠습니까? 데이터 테이블 구성 요소에서 CRUD 대화 상자를 열어야 합니다.대화 상자 및 데이터 테이블이 모두 동일한 부모를 공유합니다.데이터 테이블은 재사용할 수 있지만 CRUD 대화 상자는 재사용할 수 없습니다. 이 사용 사례는 매우 일반적인 것 같습니다.관리 페이지에는 데이터 테이블이 포함되어 있으며 각 행에는 편집 대화상자를 여는 편집 버튼이 포함되어 있습니다. 아래의 Vuex를 사용해 보았습니다만, 다음의 에러가 발생합니다. [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'showUserModal' of undefined" found..

Vuex: 적절한 조치 요청 방법 Vuex를 사용하여 payload를 사용하여 작업을 전달하는 방법을 이해하는 데 문제가 있습니다.상태를 바꾸려면 돌연변이가 필요하고, 그 돌연변이를 디스패치하기 위해 행동을 취하는 것이 가장 좋은 방법이라는 걸 알아요.액션을 어떻게 호출하고 매개 변수를 전달해야 할지 모르겠습니다.이것을 시도할 때마다 다음과 같은 오류가 발생합니다. "Uncatched TypeError: 정의되지 않은 속성 'isComplete'를 읽을 수 없습니다." // Store.js const mutations = { completeTodo: function (state, todo) { console.log(todo) todo.isComplete = todo.isComplete || false s..

Vue에 페이지를 남길 때 저장되지 않은 변경 사항을 경고하는 방법은 무엇입니까? 사용자 정의에서 사용하는 여러 양식 및 입력 필드가 있습니다.vue 파일저장되지 않은 변경을 감지하고 알림을 트리거해야 합니다. methods: { alertChange() { this.$notify.make('You have unsaved changes!', 'warning'); } } 언급URL : https://stackoverflow.com/questions/45292889/how-to-warn-unsaved-changes-when-leaving-a-page-in-vue

Mixin 내 VueX 코드를 너무 많이 쓰기 전에 내가 하고 있는 일이 맞는지 개념적으로 이해할 수 있을 것 같았다. 믹스인을 가져오는 컴포넌트가 몇 개 있습니다.mixin에는 (HATEOAS) API에서 일부 링크를 가져오는 웹 API 호출이 있으므로 UI는 자체 링크를 형성하지 않고 링크를 사용할 수 있습니다.예를 들어 다음과 같습니다. [ { "Rel": "GetSupportingData", "Href": "https://api.com/SupportingData" }, { "Rel": "Search", "Href": "https://api.com/Search" } ] 따라서 MIXIN에는 GetLink("Search")라는 이름의 메서드가 있습니다.이 메서드는 API에서 링크를 취득하여 요청된 링..

VueJs(Quasar), 라우터 내 vuex 스토어 액세스 Vuex를 배우고 인증 모듈을 만들고 있습니다.튜토리얼을 따라가다 라우터의 스토어를 사용하고 싶은 요점을 알게 되었습니다.라우터 index.js의 상단에 스토어를 Import하고 있습니다만, getters(정의되지 않음)에 액세스 할 수 없기 때문에 스토어를 Import 하고 있지 않은 것 같습니다. vue 컴포넌트에서는 스토어가 정상적으로 동작합니다.왜 이런 일이 일어나는 거죠?라우터 작성 시 스토어가 올바르게 초기화되지 않았기 때문인가요?잘 작동하는 튜토리얼에 따르면 router/index.displaces import Vue from 'vue' import VueRouter from 'vue-router' import routes from..

nuxt 레이아웃 내에서 메서드를 실행하기 위한 vuex 상태 변경 감지 페이지 또는 vue 컴포넌트 내에서 폼 제출을 완료하면 스낵바 알림을 표시하려고 합니다.vuex 스토어를 사용하여 경고 유형 및 메시지를 관리합니다. my-nuxt-app/store/my-nuxt.params export const state = () => ({ message: '', type: '' }); export const getters = { hasAlert(state) { return state.message !== ''; }, alertMessage(state) { return state.message; }, alertType(state) { return state.type; } }; export const mutati..

nuxt.js Vuex Vuejs 정의되지 않은 속성 'getters'를 읽을 수 없습니다. Vuejs와 Nuxt.js는 처음입니다.프로젝트 실행 중 Nuxt 프로젝트를 생성했는데 다음 오류가 발생했습니다. 제발 도와주세요. 고마워요.안녕하세요, 이 문제를 해결하셨는지 잘 모르겠습니다.그렇지 않은 경우 개발 서버를 재시작하면 Vue가 스토어를 찾을 수 있습니다. 도움이 되었으면 좋겠다IDE를 종료하고 다시 시작합니다.언급URL : https://stackoverflow.com/questions/47689157/nuxt-js-vuex-vuejs-cannot-read-property-getters-of-undefined