我需要使用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树中,缺少属性的结束双引号边界导致了一组现在已经消失的错误。