easyjava

VueJS - 저장된 데이터의 반응성 제한 목표:API 호출을 통해 얻은 개체의 배열을 작성하려고 합니다.API에 호출을 하면 단일 객체를 반환하고, 그 결과를 저장하는 옵션을 구축한 다음 새로운 호출을 수행하고 싶습니다. 문제:API를 새로 호출할 때마다 저장한 원래 개체가 업데이트됩니다. Vuex를 사용하거나 사용하지 않고 이 작업을 수행하려고 시도했지만 어느 쪽이든 동일한 문제가 있습니다.어레이의 모든 항목은 API에서 반환되는 새로운 정보에 반응하게 됩니다.여기에는 여러 가지 다양한 구성 요소가 있습니다. 여기서는 문제에 대해 중요하다고 생각하는 부분을 공유하겠습니다. 스토어: export default new Vuex.Store({ state: { activePlayers: [] }, mutat..

수신기를 사용하여 데이터베이스의 데이터 변경 탐지 저는 프로젝트를 진행하고 있습니다.Vue그리고.laravel각 구성 요소에는 둘 이상의 구성 요소가 있습니다.http페이지가 마운트될 때 요청합니다. 페이지가 마운트되면 속도가 느려지고 때때로 반환됩니다.500 error그래서 나는 데이터가 로드되고 저장되는지 생각했습니다.Vuex store페이지를 로드할 때 반환하는 것이 효과적이지만 페이지를 탐색하는 동안 데이터베이스 내부의 데이터가 변경되는 경우 데이터는 페이지에서 반응적으로 변경되지 않습니다.자바스크립트 리스너를 사용하여 변경 사항을 탐지할 수 있는 방법이 있습니까?도와드릴까요?https://laravel.com/docs/5.6/broadcasting 을 확인해야 합니다. 기본적으로 백엔드 코드가 ..

VueNuxtNextServerInit에서 데이터를 로드하지 않습니다. Vuex Store에서 정의합니다.nuxtServerInit()전혀 초기화되지 않습니다! import Vuex from 'vuex' import mod1 from './modules/mod1' import mod2 from './modules/mod2' const store = () => { return new Vuex.Store({ actions: { nuxtServerInit() { setTimeout(() => console.log('Hello'), 10000) } }, modules: { mod1, mod2 } }) } export default store 내가 뭘 잘못하고 있나요?도와주세요!전화하는 것이 확실합니까?NuxtS..

데이터 가져오기 요청이 여러 매개 변수를 반환하지 않고 단일 Vuex를 반환하는 이유는 무엇입니까? 데이터를 가져오고 두 가지 매개 변수를 전달하여 Fetch GET 요청으로 목록을 시각화할 것으로 예상합니다.그래서 제가 두 개의 매개변수를 통과할 때 오류 400이 발생하고, 하나의 매개변수를 통과할 때 데이터가 정상적으로 발생합니다. https://stackblitz.com/edit/vue-hrqfyc?file=src%2Fstore%2Findex.js,src%2FApp.vue,src%2Fcomponents%2FArrivalDate.vue,src%2Fcomponents%2FArrivalPoint.vue,src%2Fcomponents%2FDepartureDate.vue,src%2Fcomponents%2FD..

vue mapGetters가 제 시간에 도착하지 않습니다. 애플리케이션에서 vuex를 사용하여 상태를 관리하고 양식으로 단방향 바인딩을 수행하고 있습니다. 로드 시 페이지에서 작업을 수행하거나 페이지를 새로 고칠 때까지 created()의 값은 바인딩되지 않습니다. 저는 같은 것을 장착()해 보았습니다. My Vuex 저장소(메시지 모듈)는 다음과 같습니다. const state = { messageId: 0, messageContent: '', isMessageEnabled: false, isMessageValid: true } const getters = { messageId: state => state.messageId, messageContent: state => state.messageConte..

중첩된 개체 돌연변이의 Vuex 중복 값 Vuex에서 이 문제가 발생했습니다. 모듈 상태에서 중첩된 개체를 변환하려고 합니다.변환을 수행하면 모듈 상태의 모든 개체 중첩 속성 값이 설정됩니다. 컬렉션 개체를 동적으로 설정했습니다.내 모듈 상태: collection: [{ id: 1, prop: { nestedProp: "" } }, { id: 2, prop: { nestedProp: "" }, }, ] 돌연변이 방법에서 상태를 적절하게 돌연변이화하면 값이 중복됩니다. changeValueById(state) { const obj = state.collection.find(obj => obj.id === 1) obj.prop.nestedProp = "new value!!" } 예상 값: // colleti..

Vuejs, 왜 이런 거지?스토어 모듈에서 액세스할 때 $store.state.route.params.activityId가 정의되지 않았습니다. 저는 매장에 현재 아이디를 설정해야 합니다.구성 요소에 포함되어 있습니다. 콘솔에는 문제가 없습니다. async created() { const activityId = await this.$store.state.route.params.activityId activityId: 'activityId' console.log("here activityId: ", activityId) console.log('print all params: ', this.$store.state.route.params) console.log("STORE: ", this.$store.stat..