Vue.js sınıfı dinamik değerlerle ekle

Question

Aşağıdaki gibi json aracılığıyla sayfaya aktarılan bir hata kümem var; class özelliği: vue.js html olarak

"errors": [ 
    { 
     "additional.1": [ 
     "[errored] field is required." 
     ] 
    }, 
    .... 
] 

ben kullanarak, Hatalı olan alana bir sınıf eklemek için çalışıyorum. Temel olarak, hataların [0] [ek.1] un tanımsız olup olmadığını görmem gerekiyor. Tek sorun yaşıyorum [ek. [Builder.key]] ile. Bu bir değerlendirme yolu gibi görünmemektedir, bu yüzden ek.1'e eşittir veya builder.key ne olursa olsun.

<div :class="{'has-error' : typeof errors[$index] != 'undefined' && typeof errors[$index][additional.[builder.key]] != 'undefined' }" > 

Her türlü yardım minnetle karşılanacaktır. Ben doğru builder.key bağlamını tahmin varsayarak ...

methods: { 
    hasErrorAtIndex: function (index) { 
    return typeof this.errors[index] != 'undefined' && this.errors[index].hasOwnProperty('additional.' + this.builder.key) 
    } 
} 

:

Ben bir yönteme kodunu elde wil

Answer 1

daha okunabilir kılmak ve şablonu temizlemek için:

<div :class="{'has-error': hasErrorAtIndex($index)}"> 

JS