Vue.js嵌套v-repeat：如何访问子内部的父$ index？

Question

我无法做到这一点：

<ul>
    <li v-repeat="candy: candies">
        <ul>
            <li v-repeat="flavour: candy.flavours">
                {{ candy.$index }}
            </li>
        </ul>
    </li> 
</ul>

有什么解决方法吗？

Answer 1

更新2：v-for现在支持为$index指定别名：http://vuejs.org/api/#v-for这样可以避免在$index上命名冲突。

更新：VueJS 1.0已弃用v-repeat，转而使用v-for。但是同样的解决方案适用。

尝试使用$parent.$index访问父作用域中的$index。