从v-bind指令函数调用访问v-for current item

时间:2017-05-03 19:46:36

标签: vuejs2 v-for

我需要使用v-for指令循环一些任务对象。

<div v-for="(currentTask, taskName) in step.tasks">
    <span>{{ currentTask.title }}</span>
    <button :class="getTaskButtonProp(currentTask, 'class')" :disabled="getTaskButtonProp(currentTask, 'disabled')">{{ getTaskButtonProp(currentTask, 'caption') }}</button>
</div>

涉及的vue实例方法:

// …
,methods: {
    getTaskButtonProp : function (task, key) {
        let out = tasksStatusDescriptor[task.status][key];
        // out variable manipulation …
        return out;
    }
}

涉及的数据:

enter image description here

Vue抱怨并说ReferenceError: currentTask is not defined.,好像v-bind指令解析没有授予对当前循环范围的访问权。

我在这里错过了什么吗?这里有某种特殊的语法吗?或者有没有人发现过一种解决方法?谢谢。

修改

这段代码非常好。在dom树中,缺少属性的结束双引号边界导致了一组现在已经消失的错误。

0 个答案:

没有答案