하위 컴포넌트에서 상위 컴포넌트로 여러 입력값을 전달하는 Vue 메소드

Question

** 여러 하위 구성 요소를 전달하는 방법을 아는 사람은 누구나 있습니다. 값 입력**

으아아아

**위는 제 템플릿 폴더입니다. 추가 소스코드는 언제든지 문의해주세요**

으아아아

** 이것은 내 상위 구성 요소 소스 코드입니다 **

Answer 1

당신은 자신이 원하고 필요한 것이 무엇인지 이미 알고 있는 것 같습니다. 문제 해결 접근 방식을 향상시키는 기술을 보유해야 합니다.

상위 속성은 더 깊은 구성 요소에서 v-모델로 사용될 수 있습니다.

특정 값을 철저하게 관리해야 하는 경우 구성 요소를 여러 개로 분할할 수도 있습니다. 추가 테스트나 기타 리소스 비용이 들지 않는 경우.

상위 구성 요소와 통신하기 위해 방출을 채널로 사용하는 경우. 방출하는 페이로드는 필요에 따라 크기를 조정하고 설계할 수 있다는 점을 항상 기억하세요. 예:

this.emit("updateMultiple", {
var:complexObject
anotherVar: moreComplexObject
})

그런 다음 페이로드를 임무 요구 사항에 맞게 분류하는 방식으로 발사를 세부적으로 관리할 수 있습니다.

In 메소드:

advancedFunction(emitPayload) {
const inputOne=emitPayload.var
const inputTwo=emitPayload.anotherVar
//...进一步的逻辑
},

마지막으로 하위 구성 요소에서 실행하려는 시점에 따라 방출을 관리할 수 있습니다.