Javascript 将特定属性传递给v-for循环中的每个视图实例

是否有方法将特定属性绑定到

v-for

循环中的子vue组件的每个实例

例如，考虑下面的vueI化组件：

<template>
    ...
    <div class="cal-body">
        <div v-for="week in weeksInMonth">
            <cal-week class='cal-week' :weekdata="events-week$index" :events="events"></cal-week>
        </div>
    </div>
    ...
</template>

<script>
    module.exports = {
        ...
        computed:{
            return {
                events-week1:[
                    {...},
                    {...}
                ],
                events-week2:[
                    {...},
                    {...}
                ]
            }
        }        
    }
</script>

...
...
module.exports={
...
计算：{
返回{
活动-1周：[
{...},
{...}
],
活动-2周：[
{...},
{...}
]
}
}        
}

在本例中，该模板用于日历，其中“每周”组件是当前组件的子组件

我知道我可以有一个

events

computed或data属性并传递它，但我只想传递属于特定周的事件

我在下面尝试过这个，但它不起作用，我在文档中找不到一种方法来实现它

有办法做到这一点吗？如果没有，还有什么选择

---

谢谢

您应该将事件周从计算数据移动到数据，并将它们存储在一个数组中，如

data: function(){
   return {
      events: {
         'events-week1':[
            {...},
            {...}
         ],
         'events-week2':[
            {...},
            {...}
         ]
      }
   }

当循环时，您可以

<div v-for="week in weeksInMonth">
   <cal-week class='cal-week' :weekdata="events['events-week' + $index]"  :events="events"></cal-week>
</div>

---

太好了，就是这样。谢谢你的帮助！