Vue js - 如何将此属性传递给循环中的组件？

Question

我有有条件呈现或者是到path链路或如果提供的path-disabled方法确定，从而禁用的链路跨度的定制组件，所述内部可放置不重要其他类似这样的使用时，比它的工作原理：

<li> 
    <conditional-link path="/step/1" :path-disabled="pathDisabled"> 
    <span class="number">1</span> 
    Step one 
    </conditional-link> 
</li> 

但如果我这样做失败：

<li v-for="route in stepPaths['/step'].subRoutes"> 
    <conditional-link path="{{route.fullPath}}" :path-disabled="pathDisabled"> 
    <span class="number">{{route.number}}</span> 
    {{route.title}} 

    this outputs correct path: 
    {{route.fullPath}} 

    </conditional-link> 
</li> 

的path属性值是litteral串{{route.fullPath}}。

我试过path="route.fullPath"但后来路径是输出字符串route.fullPath。

如何获取循环中路径属性的路径值？该变量是正确的，因为它在组件内部呈现良好。

Answer 1

OK很容易因此在任何情况下，其他新手碰上这种情况，必须在V-的对象绑定到能够直接使用对象：

<li v-for="route in stepPaths" :route="route"> 
    <conditional-link :path="route.fullPath" ...