vue 중성자 구성 요소 전송 값 의 기본 값 상황 에 대하 여 말씀 드 리 겠 습 니 다.


부모 구성 요소 의 content 값 이 들 어 오지 않 았 을 때 하위 구성 요 소 는 default 속성 을 이용 하여 기본 값 을 설정 합 니 다.이 경우 페이지 에 default value 가 표 시 됩 니 다.


콘 텐 츠 의 값 이 들 어 올 때 default 속성의 기본 값 이 적용 되 지 않 습 니 다.화면 은 다음 과 같 습 니 다.

추가 지식:Vue 부모 구성 요소 가 하위 구성 요소 에 값 을 전달 하 는 BUG
하위 구성 요소 에 props 속성 이 포함 되 어 있 습 니 다.ref 를 사용 하여 prop 속성 할당 오류
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "werks"
대체로
하위 구성 요소(this.$ref[])를 직접 수정 하여 하위 구성 요소 에 값 을 전달 합 니 다.부모 구성 요소 가 다시 렌 더 링 될 때 하위 구성 요소 의 수정 이 덮어 집 니 다.따라서 하위 구성 요소 data 에서 값 을 직접 정의 하거나 ref 접근,수정 을 사용 하거나 이 prop 기반 의 계산 속성 을 정의 하여 이 prop 에 값 을 부여 하 는 것 을 권장 합 니 다.
ps:순 전 히 개인 적 인 이해 입 니 다.잘못된 점 이 있 으 면 지적 해 주 셔 서 감사합니다.
이상 의 이 간단 한 vue 중성자 구성 요소 의 전송 값 의 기본 값 상황 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기