我需要使用 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 树中,导致了一组现在已经消失的错误。