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