Vue 组件将多个对象作为道具传递不起作用

Question

我正在尝试通过 v-for 将多个 props 传递给一个组件——

<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/" }
}

但无法让最简单的片段起作用——

任何指针将不胜感激！

Answer 1

您的v-for循环未将任何数据绑定到组件。它缺少您的绑定v-bind指令。它应该是这样的：

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