factcode

VueJ + Vuex에서 여러 웹 소켓 엔드포인트를 처리하는 방법 다음과 같은 여러 엔드포인트가 있는 WebSocket 서버가 있습니다. /스케일 /machine Status(기계 상태) /워커 서버로부터의 메시지를 발신원 엔드포인트에 근거해 처리하고 싶다.그래서 /scale의 메시지와 /machineStatus의 메시지를 다르게 처리하고 싶습니다. 어떻게 해야 할지 모르겠어요.현재 접근 방식은 앱의 각 엔드포인트에 대해 WebSocket 클라이언트를 만드는 것입니다.vue: mounted() { // scale endpoint var socket_scale = new WebSocket("ws://10.50.25.1:8104/scale"); socket_scale.onopen = function() { ..

VueX 스토어가 여러 유닛 테스트에 걸쳐 상태를 유지하는 이유는 무엇입니까? 페이지화 모듈의 유닛 테스트를 작성 중인데, 간단한 VueX 스토어 모듈을 가지고 있습니다. 테스트에는 Vue.js 2.5와 Mocha/Chai/Sinon을 사용하고 있습니다.셋업은 Vue CLI 3을 사용합니다. 문제는 이 시스템이currentPage하나의 유닛 테스트로 스토어에서 증가하며, 이 상태는 신규 스토어를 생성하려고 해도 다음 테스트까지 지속됩니다. 새로운 페이지 번호 모듈을 반환하는 함수를 사용하여 반환을 시도했습니다.Object.assign()새로운 카피이지만, 이것은 동작하지 않았습니다.아래 스펙과 같이 코드에 남겨두었습니다. 저장/판매.js const state = { currentPage: 0 } expo..

vue & vuex getter vs 소품 통과 상태 컴포넌트를 보다 재사용하기 위해 컴포넌트 내부의 vue 상태에 직접 액세스하지 말고 소품을 통해 컴포넌트에 상태를 전달할 것을 조언하는 많은 사람을 보았습니다. 다만, 이것을 일관되게 실시하면 루트 컴포넌트만이 스토어와 통신해, 최종 컴포넌트를 취득하기 위해서, 모든 데이터가 네스트 된 계층을 통과할 필요가 있는 것을 의미합니다.이렇게 되면 혼란이 생기기 쉬워집니다. Dashboard Profile Billing History CreditCards CreditCard 사용자 신용 카드의 데이터는 어떻게 로드합니까?Dashboard에서 트리로 넘겨줄까요?난장판이 될 거예요, 맞아요.이것은 vuex가 해결하는 문제 중 하나입니다. 그럼 소품을 건네줄지 아..

Vue with Vuex: 스토어 내에서 컴포넌트를 주입/이젝트할 수 있습니까? 많은 기사와 문서(예: https://coursetro.com/posts/code/144/A-Vuex-Tutorial-by-Example---Learn-Vue-State-Management)를 읽고 vuex의 동작(변이를 사용하지 않고 액션을 사용해야 하는 시기와 이유 등)을 이해했습니다.다음의 예를 제시하겠습니다. 라우터를 사용하고 있으며, 현재 1개의 루트로 컴포넌트 Home을 사용하고 있습니다. My Home 컴포넌트는 다음과 같습니다(특별한 것은 없습니다). 백엔드가 있어 API 호출을 몇 개 해야 하며 사용자 액션과 함께 UI에 삽입/이젝트할 컴포넌트를 제어해야 합니다. 단, 이미 표시/숨김을 선언하지 않고 Vuex..

Vuex getter가 업데이트되지 않음 Date Picker를 사용하여 데이터 피커를 설정하고 있습니다.moment.jsVuex 스토어에서 설정되는 날짜: 저장 상태: const state = { arrival: '', departure: '' } 취득자: const getters = { arrival: state => state.arrival, departure: state => state.departure, prettyArrival: (state) => { if (state.arrival instanceof moment) { return state.arrival.format(state.prettyFormat); } return ''; } } vuex 스토어에서 도착 상태(즉,moment.jsobje..

vuejs 앱을 마우스 오른쪽 버튼으로 클릭할 때 오류 발생 m vuejs와 내 vuex 앱을 마우스 오른쪽 버튼으로 클릭하면 클릭할 때마다 다음과 같은 오류가 표시됩니다. Uncaughed ReferenceError: o가 HTMLDocument.document.addEventListener.t에 정의되어 있지 않습니다(:1:784). VM 파일에 있습니다.나는 구글에서 조사하지만 어떻게 하면 그 오류를 고칠 수 있을지 모르겠다.고마워요.확장기능을 다시 설치했더니 문제가 해결된 것 같습니다.저도 이 문제가 있습니다. [vue Devtools]플러그인을 비활성화하면 도움이 됩니다.언급URL : https://stackoverflow.com/questions/48434998/error-when-right-..

Vuex Store Object Child가 정의되지 않은 상태로 반환되고 상위 항목이 올바르게 반환됩니다. 이유가 무엇입니까? 비슷한 질문을 몇 번 봤지만 제 상황과 맞지 않는 것 같아요. 로그인을 할 때this.$store.state.account예상한 결과를 얻다 {__ob__: Nt} user: Object favorites_playlist: (...) firebaseID: (...) spotifyID: (...) 하지만 제가console.log(this.$store.state.account.user)사용자 개체가 사라집니다!내부에 중첩된 모든 속성user위에 완벽하게 기록되지만 반환이 정의되지 않음 console.log(this.$store.state.account.user) {__ob__: N..

Vuex 게터에서 구성 요소 소품을 사용하는 올바른 방법은 무엇입니까? vuex 스토어를 사용하여 카운터 구성 요소에서 여러 카운터를 추가하는 버튼이 있는 단순한 애플리케이션 구성 요소가 있다고 가정합니다. 여기 웹팩빈에 있는 모든 것이 있습니다. vuex git repo의 기본 카운터 예시와 약간 비슷합니다.그러나 컴포넌트의 속성을 통해 전달되는 ID로 vuex getter를 사용하려는 경우 어떻게 하시겠습니까? getter는 순수한 기능이어야 하기 때문에 사용할 수 없습니다.this.counterId공식 문서에서는 계산된 자산을 사용해야 한다고 하지만 그것도 효과가 없는 것 같습니다.이 코드는 getter에 대해 정의되지 않은 것을 반환합니다. import * as actions from './act..

Vue가 정의되지 않은 이유는 무엇입니까? Vue가 오류로 정의되지 않은 이유는 다음과 같습니다. export default { state: { projects: { loading: true, failed: false, lookups: [], selectedId: 0 } }, mutations: { loadingProjectLookups (state, payload) { state.projects.loading = true; state.projects.failed = false; } }, actions: { loadProjectLookups (context) { return new Promise((resolve) => { // VUE NOT DEFINED HERE: Vue.http.get('https:/..

페이지 새로고침 또는 직접 액세스 후 vuex-module에서 인증에 액세스할 수 없음 nuxt/auth 모듈을 사용하여 nuxt 웹 앱에 인증이 있습니다.또한 모듈러형 vuex 스토어를 사용하여 다양한 상태를 처리합니다.로그인 후 모든 것이 정상이며, 정상적으로 앱을 탐색할 수 있습니다.그러나 페이지를 새로고침하거나 URL을 통해 직접 액세스하려고 하면 사용자가 액세스할 수 없기 때문에 웹 앱 전체를 사용할 수 없게 됩니다.사용자 오브젝트에 접속하려고 합니다.this.context.rootState.auth.user페이지 분할 또는 직접 액세스 후에는 늘이 됩니다.이상하게도, 이것은 생산에서만 발생합니다. 이미 if-guard를 추가하려고 했지만 안타깝게도 getter가 반응하지 않습니다.아마도 그것이..