prostudy

Vue.js를 사용한 계산 상태 및 변환 상태 문제 Vuex 상태 관리에서 바인드된 컴포넌트 세트에 문제가 발생하였습니다. 다음과 같은 스테이트 스토어가 있습니다. import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { id: 0, contentBlocks: [] }, mutations: { addContentBlock(state, contentBlock) { contentBlock.id = state.id state.contentBlocks.push(contentBlock) state.id += 1 }, updateContentBlock(state, contentBlock) { ..

URL이 변경되기 전에 스토어 상태가 업데이트되는 Nuxt.js 문제 저는 현재 Nuxt.js를 배우고 있는데, 도움이 되었으면 합니다. 페이지 사이를 이동할 때 오류가 발생하여 페이지 URL의 렌더링이 완료되기 직전에 스토어 상태가 업데이트되므로 이전 템플릿의 다음 페이지 내용을 잠깐 볼 수 있지만 이유를 알 수 없습니다. 시나리오는 다음과 같습니다.[ / terms / ]페이지가 표시되고 로고를 클릭하여 홈페이지로 이동합니다.홈 페이지의 컨텐츠는, 「」아래에 렌더링 됩니다.pages/_slug/index.vue페이지 URL이 렌더링될 때까지 잠시 파일을 보관합니다. 링크가 다음 링크일 때만 발생한다는 것을 알게 되었습니다.만약 내가 전통적인 것을 사용한다면문제는 발생하지 않습니다. 글로벌을 보유하고 ..

Vuex를 올바르게 테스트하는 방법 Vuex 스토어 테스트에 도움이 필요합니다(이 작업은 지금까지 한 번도 해본 적이 없고, 안타깝게도 이해하기 어렵습니다). 두 개의 버튼이 있는데, 두 개의 다른 함수를 호출하여 무언가를 반환하는지 테스트해야 합니다. 단추: ... ... 방법: ... methods: { handleLogin(e) { e.preventDefault() this.$store.dispatch('login', this.loginForm) .then((response) => { console.log('login page response: ', response) if (response.id_user !== undefined) { this.$router.push({ path: '/' }) } }..

Vuex의 작업 방법 지연 시뮬레이션 저는 아직 개발 중인 백엔드의 Vue 어플리케이션을 쓰고 있습니다.이러한 이유로 나는 인위적인 지연을 행동에 추가하고 싶다.예를 들어 내가 제출하면sign in지연 1초를 추가하고 메인 어플리케이션으로 리다이렉트 합니다. 구성 요소에서 제출 메서드입니다. onSubmit() { this.loading = true; this.$store.dispatch('auth/signIn', this.credentials).then(() => { this.loading = false; }); } 액션 사인인 메서드는 다음과 같습니다. async signIn({ commit }, credentials) { const result = await authService.signIn(cre..

모든 요청에 대해 서버에서 Vue + Axios 처리 오류 발생 Vue + Axios + Vue Router + Vuex 를 사용하고 있습니다. Vue에서 인증을 처리하고 싶은데 로그인 후 사용자가 무엇이든 할 수 있습니다.단, 토큰이 만료되어 서버에서 오류가 발생할 수 있습니다.Code = 123내가 원하는 것은 서버가 나에게 정보를 준다면 로그인 페이지로 사용자를 리다이렉트하고 싶다는 것이다.Code = 123. 공리의 모든 응답은 확인할 수 있지만, 영향을 미치는 공리 요청이 수백 개 있기 때문에 효과적이지 않습니다. 질문:. 서버가 다음과 같은 오류 코드를 제공하는 경우 리디렉션 방법Code = 123이것은 수백 개의 악리 반응에서 발생합니다. 주의해 주십시오. 서버 측 검사, 서버가 토큰을 해지..

네임슬레이드 모듈에 매핑할 때 프로펠을 모듈 이름으로 전달합니다. 스토어 모듈 네임스페이스를 소품을 통해 컴포넌트에 전달하려고 합니다.소품으로 게터를 매핑하려고 하면 오류가 발생합니다. 수집되지 않은 유형 오류: 정의되지 않았거나 null을 개체로 변환할 수 없습니다. 이름을 문자열로 전달하면 됩니다. 이 동작 이것은 동작하지 않는다. this.store가 정의되어 있습니다. this.store type of은 문자열입니다. beforeCreate를 사용하여 원하는 변수에 액세스하고 컴포넌트 인스턴스에 전달된 소품을 사용했습니다. import { createNamespacedHelpers } from "vuex"; import module from '@/store/modules/mymod'; export..

이 두 어레이를 연결할 수 없는 이유는 무엇입니까? 이 질문에는 이미 답변이 있습니다. Javascript Array Concat이 작동하지 않습니다. 왜요? (6개의 답변) 닫힘5년 전에요. 코드(Vuex 변환)는 다음과 같습니다. export const CREATE_PANORAMAS = (state, panoramas) => { console.log('building.panoramas:', state.building.panoramas) console.log('panoramas:', panoramas) state.building.panoramas.concat(panoramas) console.log('result:', state.building.panoramas) } 그 결과, 다음의 각 로그가 표시됩..

Vue 계산 속성이 상태 변경에 응답하지 않음 왜 그런지는 알 수긍할 수긍이 안 돼요.details다음 구성 요소의 계산된 속성이 업데이트되지 않는 경우fetch()메서드는 다음과 같습니다. {{ haveData }} //remains undefined 포함할 배열 항목을 변경하는 경우details동작: { id: 1, label: 'kity cats', details: null // { return item.id == vals[0] //-> The group id passing in the dispatch function }) //option 1 = doesn't work app = { app, details: vals[1] } //-> vals[1] = the details fetched from t..

vuex 상태를 기반으로 한 vuejs 구성 요소의 흐림 또는 집중도 Vuejs에 약간의 문제가 있어요. 제 상태는 기본적으로 이렇습니다. state: ()=>({ activeSide : "from", }), activeSide 값이 "from"으로 설정되어 있는지 여부에 따라 컴포넌트의 초점을 맞추거나 흐리게 하고 싶다. 현재 제 아이디어는 그다지 우아하지 않은 것 같습니다. 기본적으로 제 컴포넌트에 계산된 속성을 만들었습니다. focusSide(){ console.log("changed active side") this.$store.state.activeSide } 그런 다음 그 물건이 변하는지 감시 장치를 설치했어요 watch:{ focusSide : function(newV,_){ console...

Vue는 컴포넌트의 모든 vue/vuewatch를 자동으로 삭제합니까? 컴포넌트가 에 가입되어 있는 경우Vuex다음과 같은 이벤트:this.$store.watch또는this.$store.subscribe 컴포넌트 파괴 시 감시자를 분리해야 합니까?Vue벌써 처리한 거야? 추신: 현재 로직은 다음에서 실행됩니다.2.6.10Vue 버전@Cristiano Soleti에 이어 리스너를 등록한 컴포넌트가 파괴된 후에도 리스너가 호출되고 있는지 확인했습니다. ...적어도...2.6.10Vuex 워처는 컴포넌트가 파괴되었을 때 실제로 자동으로 제거되지 않습니다.따라서 개발자에 의해 명시적으로 등록 해제되어야 합니다.beforeDestroy라이프 사이클 훅언급URL : https://stackoverflow.com/q..