Vue 구성 요소가 여러 개체를 소품으로 전달하지 않음

Vue 구성 요소가 여러 개체를 소품으로 전달하지 않음

v-for를 통해 여러 개의 소품을 컴포넌트에 전달하려고 합니다.

<my-component v-for="(myobj, myid) in mydata"></my-component>

여기서 my data는 --

mydata: {
  42: { txt: "Home", url: "https://google.com/" },
  43: { txt: "SO", url: "https://stackoverflow.com/" }
}

하지만 가장 간단한 조각은 얻을 수 없었습니다.

https://codepen.io/jerryji/pen/yGOrbj?editors=1011

어떤 포인터라도 감사합니다!

당신의.v-forloop은 컴포넌트에 데이터를 바인딩하지 않습니다.바인딩에 대한 지침이 누락되어 있습니다.다음과 같이 표시됩니다.

<my-component v-for="(myobj, myid) in mydata"
             :myobj="myobj"
             :myid="myid"></my-component>

데모

언급URL : https://stackoverflow.com/questions/53799837/vue-component-pass-multiple-objects-as-props-not-working