cyworld

Vuex 작업 유형을 알 수 없는 이유는 무엇입니까? 작업 유형을 알 수 없는 이유와 수정 사항은 무엇입니까? 이게 흔한 문제라는 걸 알아요.SO를 검색해보니 20개까지의 답변이 있으며, 그 중 많은 답변이 mapActions와 관련되어 있습니다.대부분의 답변을 읽고 mapActions 구문을 무수히 변형시켜 봤지만 아직도 제 코드에 문제가 있는지 알 수 없습니다. 알겠습니다. 컴포넌트(또는 모듈)에서 디스패치를 호출하면 Vuex 스토어(실제 값이 변경되는 곳)에서 변환됩니다. 또, 지적하는 것이 도움이 될지 어떨지 모르겠지만, 아래의 상태 사진에서는 동작이나 돌연변이를 볼 수 있을 것이라고 기대했지만, 할 수 없습니다. 업데이트: 다른 몇 가지 제안과 같이 코드를 편집한 후에도 결과는 동일합니다.알 수..

Vuex에 액세스하여 vue 라우터의 모듈 getter를 지연시켰습니다. 사용자가 인증되었는지 확인하여 루트를 보호하려고 합니다.다음은 루트 예를 제시하겠습니다. { path: '/intranet', component: search, meta: { requiresAuth: true }, props: { tax: 'type', term: 'intranet-post', name: 'Intranet' } }, 그리고 난 이렇게 경비원을 세팅했어 router.beforeEach((to, from, next) => { if (to.matched.some(record => record.meta.requiresAuth)) { let authenticated = this.$store.getters['auth/getAu..

Vuex 스토어에서 모듈 액세스 다음 모듈이 있습니다. export const ProfileData = { state: { ajaxData: null; }, getters: {/*getters here*/}, mutations: {/*mutations here*/}, actions: {/*actions here*/} } 이 모듈은 글로벌 스토어에 등록되어 있습니다. import {ProfileData} from './store/modules/ProfileData.es6' const store = new Vuex.Store({ modules: { ProfileData: ProfileData } }); 또,Vue.use(Vuex)매장을 설치하다new Vue({ store: store})적절히.단, 접속을 시..

VUEX-STORE 모듈 이해 방법 예를 들어, 저는 수입과 결과라는 두 가지 목록이 있습니다.그리고 나는 두 개의 저장고를 가지고 있다(하나는 수입을 위한 저장고, 다른 하나는 결과를 위한 저장고).모듈의 이러한 스토리지를 index.js에 추가합니다. 저는 이러한 수입과 결과에 대한 하나의 저장소를 만들어서 목록에 표시하고 계산할 수 있습니다.하지만 각각 따로 가게를 만들고 싶어요. 이제 질문은 다음과 같습니다.이 기능을 올바르게 구현하려면 어떻게 해야 합니까?대충 했어요.하지만 여기서는 수입만을 표시하고 계산하면 끝입니다. 어떻게 하면 더 잘할 수 있을까?...map을 통해 가져오기한 구성 요소에서 계산하여 목록에 표시할 두 개의 저장소를 가져오시겠습니까?또는 두 개의 저장소에서 데이터를 가져와 i..

편백으로 vuex 테스트 Vue.js 프로젝트(Nuxt.js)에서 Cypress를 사용하고 있습니다.관리할 수 없는 주요 문제는 vuex 스토어가 준비되었는지 확인하는 방법입니다.예를 들어 데이터를 가져오기 위해 Axios를 호출할 수 있는 버튼이 있다고 가정해 보겠습니다.그런 다음 데이터가 돌연변이에 의해 저장소로 들어오고 Vue는 이를 템플릿으로 렌더링합니다.스토어가 작성되기 전에 다음으로 조작할 요소가 비어 있습니다.하지만 편백나무가 그걸 확인하려고 해요. 스토어 구축 후 다음 편백 액션(cy.get 등)을 어떻게 호출합니까? 내 프로젝트는 더 복잡하다.하지만 핵심적인 문제는 편백나무가 때때로 가게를 짓기를 기다리지 않고 일을 더 하려고 한다는 것이다.처음으로 사용하였습니다.cy.wait(1000)..

JSDoc을 사용하여 'const z = (y)' = > (a, b = 3) > []'를 문서화하는 방법 JSDoc에서 아래의 기능을 문서화할 방법을 찾아야 합니다. /** * Return the collection from cache based on the hash, page and pagination count * @param state * @returns {function({hash: *, page: *, pagination?: *}): ([]|*)} */ export const collection = (state) => ({ hash, page, pagination = 60 }) => { if (!state.models[hash]) return [] // deep copy the object be..

Vue 필터 및 "변환 핸들러 외부의 vuex 저장소 상태 변환 안 함" 아직 Vue를 배우고 있는데 왜 이 오류가 발생하는지 이해할 수 없습니다. 오류: [vuex] 변환 핸들러 외부의 vuex 저장소 상태를 변환하지 않습니다. 코드는 다음과 같습니다. const DATE_FORMAT = "DD-MM-YYYY"; Vue.filter("formatDate", function(value, dateFormat) { dateFormat = dateFormat ? dateFormat : DATE_FORMAT; if (value) { return moment(String(value)).format(dateFormat); } }); Vue.component('list-component', { props: ['pro..

Vuex에서 커밋된 돌연변이를 중지하는 방법 들어갈 방법이 없을까요?vuex돌연변이를 막을 수 있을까?위해서redux,한다면next미들웨어에서는 호출되지 않습니다.그러면 액션이 정지되어 있다고 할 수 있습니다.아니요, 커밋 후 변환을 중지할 수 없습니다. 애플리케이션이 특정 상황에서만 커밋을 방지해야 하는 경우 해당 논리를 액션에 넣을 수 있습니다. mutations: { INCREASE_FOO(state) { state.foo++; } }, actions: { increaseFoo({commit}) { if (someCondition) { commit('INCREASE_FOO'); } } } 다음으로, 액션을 디스패치 할 때this.$store.dispatch('increaseFoo')커밋은 지정된 조..

Jest에서 VueJ(Nuxt) 스토어를 테스트하는 방법 VueJs 컴포넌트를 테스트하는 Jest 테스트가 있습니다(특히 Nuxt는 중요하지 않습니다).JSON 오브젝트 스토어를 조롱하려고 합니다.나는 아무리 생각해도 이것을 어떻게 테스트해야 할지 모르겠다.테스트 실행 시 발생하는 오류는 "Cannot read property 'easg_logo' of undefined"입니다. My Vue 컴포넌트(풋터).비디오) 내 테스트(footer.test.js) import {shallowMount, createLocalVue} from '@vue/test-utils' import Vuex from 'vuex'; import Footer from '@components/layouts/default/footer'..

Vuex Module Getter에 액세스할 수 없음 - 정의되지 않은 속성 'getters'를 읽을 수 없음" 어떤 이유에서인지 가게 게터에 접속할 수 없습니다. 파일 구조:/store/index.js /store/modules/auth.js store/index.displaces import Vuex from 'vuex'; import Vue from 'vue'; import auth from './modules/auth'; Vue.use(Vuex); export default new Vuex.Store({ modules: { auth } }); auth.displays(인증) import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex); export d..