bestcode

Vuex: 계산된 속성이 정의되지 않음 - asyc Axios 사이트가 로드될 때 액션과 함께 디스패치하는 DB에 대한 비동기적 Axios 호출이 있습니다.(Vue-router에서는 Enter() 이전, Form에서는 Created() 이전 및 Created()에서 디스패치를 시도했습니다.Vue) 나는 게터를 사용하여 정보를 반환하는 계산된 속성을 가지고 있다. 문제가 발생하고 있는 것은, 페이지의 로드가 끝난 후에 데이터가 도달해, 「정의되지 않음」을 반환하는 것입니다.페이지에 렌더링 하는 것은 아무것도 없습니다. Vue DevTools를 확인하면 모든 데이터가 주의 올바른 위치에 있습니다. 페이지 전에 데이터 로드를 완료하려면 어떻게 해야 합니까? //액션 async loadInputs({ state..

Vuex를 사용할 때 Vuejs 컴포넌트를 테스트하는 방법 더 큰 어플리케이션의 vuejs 컴포넌트에 대한 유닛 테스트를 작성하고 있습니다.애플리케이션 상태는 모두 vuex 스토어에 있기 때문에 거의 모든 컴포넌트가 vuex에서 데이터를 가져옵니다. 이에 대한 쓰기 단위 테스트의 작업 예를 찾을 수 없습니다.찾았다 Evan You가 말하는 곳: 구성 요소를 개별적으로 테스트할 때 저장소 옵션을 사용하여 시뮬레이션된 저장소를 구성 요소에 직접 주입할 수 있습니다. 그러나 이러한 구성 요소를 테스트하는 좋은 예를 찾을 수 없습니다.여러 가지 방법을 시도해 봤어요.아래가 내가 본 유일한 방법이다.스택오버플로우 질의응답 기본적으로는, test.vue: test test.spec.discloss.discloses..

vue-router를 사용하여 한 뷰에서 다른 뷰로 데이터를 전달하는 방법 를 사용하는 경우vue-router와 함께.vue하나의 뷰/컴포넌트에서 다른 뷰/컴포넌트로 데이터를 전달하는 문서화된 방법은 없습니다. 다음의 설정을 실시합니다. main.filename: import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); let routes = [ { path: '/page1', component: require('./views/Posts.vue') }, { path: '/page2', component: require('./views/EditPost.vue') } ]; let router = new VueRouter({ ..

이 논리를 Vuex 스토어에 배치해야 합니까?매장 또는 로컬 컴포넌트 상태에 있어야 할 시기를 알 수 없습니다. 현재 인증 로직으로 Vuex 스토어를 사용하고 있습니다.애플리케이션 내 어디에서나 사용자 토큰, 사용자 ID, 사용자 이름 등의 정보에 액세스할 수 있는 것이 매우 유용한 이유를 알 수 있습니다.인증 로직은 매장 소유라고 100% 확신하고 있습니다. 다만, 현재 Google Maps를 가지고 놀고 있어, Google Map이 들어간 컴포넌트와 지도에 Google 마커를 표시, 추가, 삭제하는 3가지 기능을 가지고 있습니다.이 논리를 Vuex 스토어로 옮겨야 할지 모르겠습니다.향후에는 [] 속성을 다른 컴포넌트에 사용해야 할 것 같습니다.다른 컴포넌트에서는 사용되지 않을 것 같습니다. 이 경우 ..

Java의 해시맵과 해시테이블의 차이점은 무엇입니까? Java의 a와 a의 차이점은 무엇입니까? 스레드화되지 않은 어플리케이션에서는 어떤 것이 더 효율적입니까?Java 에서는 및 몇 가지 차이점이 있습니다. Hashtable동기화된 반면,HashMap렇지않않 않않않다다 하면 렇렇이 됩니다.HashMap일반적으로 동기화되지 않은 개체는 동기화된 개체보다 성능이 좋기 때문에 스레드되지 않은 애플리케이션에 적합합니다. Hashtable하지 않다null아, 아, 아, 아, 아, 아, 아, 아, 아.HashMapnull 및 " " " "null★★★★★★ 。 HashMap의 서브클래스 중 하나는 입니다.따라서 예측 가능한 반복 순서(기본적으로 삽입 순서)가 필요한 경우 쉽게 교환할 수 있습니다.HashMap잠 a..

prefix 연산자와 postfix 연산자의 차이점은 무엇입니까? 9시 정각 ★★★★★★★★★★★★★★★★★★★★★★★.return(i++)하고 "11"에 "11"이 반환됩니다.--i10달러입니다. 어떻게 작동하는지 설명해 주실 수 있나요? #include main() { int i= fun(10); printf("%d\n",--i); } int fun (int i) { return(i++); } 의 postfix 버전과 prefix 버전 사이에는 큰 차이가 있습니다.++. 버전 「」)에서는,++i입니다.i이 식의 값은 의 새로운 값입니다.i. 버전 「」)에서는,i++입니다.i증가하지만 식의 값은 의 원래 값입니다.i. 다음 코드를 한 줄씩 분석합니다. int i = 10; // (1) int j = +..

백엔드 응답에 따라 먼저 Vue 앱을 초기화하려면 어떻게 해야 합니까? 앱에서 가장 먼저 코드를 실행하고 싶습니다.그 코드는 Back-end로 요청을 전송하고 스토어를 업데이트합니다.그 부분은 루트 가드가 의존하기 때문에 먼저 실행해야 하는데, 어떻게 하면 될까요? 코드 예시 사용자 정보 및 설정 가져오기 async init() { await AuthService.initCSRF(); await AuthService.getUser().then((res) => { if (res.data && res.data.user) { this.loginLocally(res.data.user); } else { this.logoutLocally(); } }); } 인증 가드 export function isLoggedI..

vue.js 단위의 각 ng-container 당량 Angular에는 라는 태그가 있습니다.ng-container그렇게 쓰이다 this wont be shown 각진 문서에 따르면 Angular는 스타일 또는 레이아웃을 방해하지 않는 그룹화 요소입니다. Angular는 스타일 또는 레이아웃을 DOM에 넣지 않기 때문입니다. 이것은 각도 면에서 매우 편리합니다. 왜냐하면 나는 종종 html 요소 세트를 사용하지 않고 그룹화하고 싶기 때문입니다. 예를들면 Cool Title Cool Text Not So Cool Title Not So Cool Text 여기 유연한 위치에 있는 div가 있고 안에 있는 요소들이 무엇을 하는지 규정합니다. 이제 만약 내가 요소를 일반 div로 감싸면 그것은 나의 플렉스 스타일..

Larabel Vue.js와 CKeditor 4 및 CKFinder 3의 통합(파일 매니저) My Laravel Vue 앱에서 CKeditor 4와 CKFinder 3을 통합하는 데 문제가 있습니다. [ Ckeditor - CKFinder ]창에서 [image]버튼을 클릭하면 필요한 이미지가 모두 업로드 됩니다. 어떤 문제가 있습니까? (몇 가지 문제가 있지만 서로 관련이 있어야 합니다.) devtools 콘솔에 "[CKEDITOR]오류 코드: cloudservices-no-token-url" (CKeditor와 CKFinder를 적절히 통합하면 이 문제를 해결해야 한다고 가정합니다) (devtools에서 WARN으로 표시됨) - " [CKEDITOR] 오류 코드: editor-plugin-conflic..

vuejs 및 웹 팩에 글꼴 파일을 로드하려면 어떻게 해야 합니까? 많이 읽었는데 vuej에서 글꼴을 추가하는 방법을 정확히 보여주는 링크가 없습니다.이렇게 해서 적은 파일의 글꼴을 가져옵니다. @font-face { font-family: "Questrial"; src: url("../../fonts/Questrial-Regular.ttf"); } @font-face { font-family: "Galano_Grotesque_extra_Bold"; src: url("../../fonts/Galano_Grotesque_Bold.otf"); } @font-face { font-family: "Galano_Grotesque_Bold"; src: url("../../fonts/Galano_Grotesque_D..