Компонент Vue передает несколько объектов, поскольку реквизит не работает

Question

Я пытаюсь передать несколько реквизитов компоненту через v-for -

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

, где mydata выглядит как -

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

Но не могу получитьСамый простой фрагмент для работы -

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

Любой указатель будет высоко ценится!

Answer 1

Ваш цикл v-for не привязывает какие-либо данные к компоненту.В ваших привязках отсутствуют директивы v-bind .Это должно выглядеть так:

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

demo