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 ツリーの上) により、一連のエラーが発生しましたが、現在は消失しています。
