vue props 전송 Array/Object 형식 값,하위 구성 요소 오류 해결
Props with type Object/Array must use a factory function to return the default value.
1.vue 에서 부모 구성 요소 가 props 를 통 해 Array/Object 형식 값 을 하위 구성 요소 에 전달 할 때
2.하위 구성 요소 의 props 가 default 를 받 으 면 다음 과 같 습 니 다.
잘못 을 보고 하 다
원인:props default 배열/대상 의 기본 값 은 공장 함수 에서 되 돌아 와 야 합 니 다.
해결:
vue 의 props 는 여러 개의 인 자 를 어떻게 전달 합 니까?
vue 부모 역할 도 메 인 은 데 이 터 를 하위 구성 요소 에 전달 합 니 다.props 를 통 해 파 라 메 터 를 전달 하려 면 여러 개의 파 라 메 터 를 배열 형식 으로 props 에 할당 할 수 있 습 니 다.이 구성 요 소 를 통 해 부모 구성 요소 가 전달 하 는 여러 개의 파 라 메 터 를 얻 을 수 있 습 니 다.
<div id="app">
<ul >
<todo-item v-for="(item,index) in arr" v-bind:todo="item" v-bind:index="index"></todo-item>
</ul>
</div>
<script type="text/javascript" src="js/vue.js" ></script>
<script>
Vue.component("todo-item",{
props:['todo','index'],
template:"<li>{{index}}:{{todo.text}}</li>"
})
var app = new Vue({
el:"#app",
data:{
arr: [ { text: ' JavaScript' }, { text: ' Vue' }, { text: ' ' } ]
}
})
</script>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
