1

我需要使用 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;
    }
}

涉及的数据:

在此处输入图像描述

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

我在这里错过了什么吗?这里有某种特殊的语法吗?还是有人已经发现了解决方法?谢谢你。

编辑

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

4

0 回答 0