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>

演示