goodsource

Vuex에서 POST 요청을 통해 상태 데이터를 전송하는 방법 배경:'양식 구성 요소'의 양식 입력 필드를 통해 업데이트되는 '비용'이라는 Vuex 상태 개체가 있습니다.그 '비용' 오브젝트를 POST로 보내야 합니다. 문제:POST 요구를 하는 액션을 설정했습니다.그러나 상태에 저장된 '비용' 개체가 전송되지 않습니다. PS: POST 요구는 성공했지만, 응답은 데이터가 송신되지 않았음을 증명합니다. 반응 데이터: 스토어 상태 const mainURI = "/api/budget"; const expenseObj = { expensesKey: "", expensesValue: null, subExpense: null, }; export const store = new Vuex.Store({ state: ..

우체국에서 일했는데도 400 오류, 생각할 수 있는 이유? 저는 Deepl API를 사용하고 있으며, Postman에서 요청을 실행하면 성공하지만, 앱에서 요청을 실행하면 400 Error만 반환됩니다.이것은 헤더가 올바르게 설정되어 있지 않다는 것을 의미하지만, Postman에서는 그대로입니다.여기서 무엇이 문제인지 지적해 주실 수 있나요? async translateMessage(data = {}) { const url = "https://api.deepl.com/v2/translate?auth_key=myAuthKey"; const response = await fetch(url, { method: "POST", headers: { 'Content-Type': 'application/x-www-fo..

Java 8 스트림 - 수집과 감소 제사 when when? when when를 사용하시겠습니까?collect() »reduce()어느 쪽으로 가는 것이 확실히 좋은지, 구체적인 예를 든 사람이 있습니까? Javadoc에서는 collect()는 가변적인 축소라고 합니다. 이것은 가변적인 삭감이기 때문에, (내부) 동기화가 필요하게 되어, 결과적으로 퍼포먼스에 악영향을 미칠 가능성이 있다고 생각합니다. ★★★★★★★★★★★★★★★★★.reduce()비용 절감의 모든 단계를 거친 후 반환을 위한 새로운 데이터 구조를 생성해야 하므로 병렬화가 더욱 용이합니다. 그러나 위의 진술들은 추측일 뿐이며, 나는 여기에 전문가가 참여하기를 바란다.reduce는 "폴드" 연산자이며 스트림 내의 각 요소에 바이너리 연산자를..

인라인 함수를 호출할 때 정의되지 않은 참조 인라인 함수의 GCC 4.8.1에서 이상한 에러가 발생하고 있습니다. 헤더 파일에 정의되어 있는2개의 거의 동일한 인라인함수가 있습니다(debug.h그리고.error.h)의 경우src/include/다만, 인쇄하는 것만이 다릅니다.- 1개의 프리픽스DEBUG:메시지, 그리고 다른 쪽과%s: error: %s(프로그램명, 에러 메시지).함수를 인라인으로 정의하고 디버깅빌드를 컴파일하는 경우(따라서 매크로를 설정합니다).DEBUG=1정의되지 않은 참조 오류가 많이 발생합니다. src/main_debug.o gcc -osrc/main_debug.o src/main.c -c -Wall -Wextra -Wpedantic -std=gnu11 -march=native -O..

일부 경로에서 글로벌컴포넌트(예를 들어 navbar)를 숨기려면 어떻게 해야 합니까? 따라서 vuejs SPA 뷰의 대부분은 상단에 네비게이션 바 컴포넌트가 있습니다.단, 로그인과 같은 일부 선택 뷰에서는 이 정보가 표시되지 않습니다. 회피책으로는 필요에 따라 네비게이션 바를 Import하여 각 뷰에 개별적으로 추가하는 것이었는데, 어느 뷰에서 다른 뷰로 이동할 때 이상한 깜박임이 발생하는 것을 알 수 있었습니다.아마 네비게이션 컴포넌트를 분리한 후 바로 다시 추가할 수 있기 때문입니다.이건 잘못된 것 같아요. App.vue에서 navbar 컴포넌트를 추가할 수 있지만 vue-router를 사용하는 일부 경로에서는 조건부로 숨길 수 있습니다.어떻게 하면 좋을까요?일반적인 방법은 네스트된 루트를 사용하는 ..

VueJ 2 - $emit을 사용한 파라미터 전달 방법 VueJs 2를 사용하여 모달 컴포넌트를 만들고 있습니다.현재 기본적으로 동작하고 있습니다.버튼을 클릭하면 모달 등이 열립니다. 이제 모달의 고유한 이름을 만들고 버튼을 특정 버튼과 연관짓습니다. 이것이 내가 생각하고 있는 것이다.모달에는 고유한 이름 속성이 있습니다. CONTENT 그리고 이것이 연관 버튼입니다. showModal의 파라미터를 modal 컴포넌트에 전달하는 방법을 알아내야 합니다. 루트 vue 인스턴스에서 사용하는 메서드는 다음과 같습니다(모달 컴포넌트 내부가 아님). methods: { showModal(name) { this.bus.$emit('showModal'); }, } 컴포넌트의 이름 속성에 액세스 하고 싶은 것은 다음과..

D3 + VueJs + Typescript | D3.js 라이브러리 Import 방법 VueJ + Typescript 및 D3.js를 사용하여 고객을 위한 대시보드를 만들어야 합니다. 이들은 dotnet vue 템플릿을 사용하고 있습니다.「 dotnet new - install Microsoft 」AspNetCore.SpaTemplates::*' 'dotnet new vue' 모든 것은 설치 시 설정됩니다.웹팩, 타입스크립트 및 VueJs 이 웹 팩 설치에서는 허용되지 않습니다.대부분의 튜토리얼에서는 D3.js 라이브러리를 Import하기 위해 사용합니다. 이 템플릿에서 웹 팩을 재설정하여? d3 및 d3 타이핑 설치 후 오류 발생 최량왜 이런 걸 쓰려고 하는지 모르겠어요전형적인 것이 아니라npm베이스 ..

동적으로 생성된 형제에게 데이터 전달 저는 제가 생각하는 단순한 질문에 대한 답을 얻으려고 노력하지만 성공하지 못하고 있습니다.저는 Vue에 처음 왔어요. 설명: 웹 사이트의 "점 탐색" 사용 사례를 살펴보겠습니다.이것은 v-for loop 4 "도트" 구성요소(DotNaviElem)로 렌더링되는 구성요소(DotSideNavi)가 됩니다. 액션: 점 하나를 클릭하면 다른 모든 것을 비활성화해야 합니다(액티브클래스 삭제). 클릭 후 즉시 활성화해야 합니다. 시행 및 실패: 를 사용해 보았습니다.$emit그리고.$on둘 다 '도트' 엘에 있기 때문에 '도트' 하나를 클릭하면 이벤트가 4개의 '도트' 모두에 전달될 것으로 예상했습니다.대신 동일한 "dot" el에 대해서만 이벤트가 4번 트리거되었습니다. Vu..

Vue 2 컴포넌트 스타일(Vue 로더 없음) 파일 컴포넌트가 1개(가이드 참조)인 것을 고려하면, hi 비모듈러형 ES5/ES6 환경에서 Vue 로더 없이 동일한 작업을 수행할 수 있는 방법은 무엇입니까? 그 스타일이 스코프가 있는 걸 생각하면 비모듈형 환경에서도 스코프 CSS를 구현할 수 있는 방법이 있습니까?없는 경우 Vue 로더와 커스텀 .vue 형식을 사용하지 않고 모듈러 환경(Webpack)에서 구현할 수 있는 방법이 있습니까?를 사용하는 대신templateVue 컴포넌트에서는 Vue Loader나 컴파일러 없이 렌더링 기능을 사용하여 '컴파일러에 가까운 대체'를 이용할 수 있습니다.createElement 함수의 두 번째 파라미터를 사용하여 임의의 Atribut을 추가할 수 있습니다.이것에 ..

모의 장착 후크 Jest 테스트 유닛 부품에 대한 유닛 테스트를 하고 있습니다.단, 일부 컴포넌트에서는 이 컴포넌트에서 동작하고 있는 것이 있습니다.mounted훅이 시험 불합격의 원인이 되고 있습니다.나는 내가 필요로 하지 않는 방법들을 조롱할 수 있었다.하지만, 저는 이 문제를 조롱할 방법이 없을까 궁금했습니다.mounted훅을 꽂다. @/components/attendees List.표시하다 This is a test JS Test.spec.js import { mount, shallowMount } from '@vue/test-utils' import test from '@/components/attendeesList.vue' describe('mocks a method', () => { test..