Vue.js-Bindungs-HTML-Klassen-Array-Syntaxfehler, die Details lauten wie folgt:
So zu schreiben ist etwas umständlich, wenn es mehrere bedingte Klassen gibt. In 1.0.19+ können Sie die Objektsyntax in der Array-Syntax verwenden:
Wenn es so geschrieben wird, kann es erfolgreich ausgeführt werden, es treten jedoch Fehler auf
data: { classA: 'class-a', classB: 'class-b', classC: 'class-c', isB: true, isC: false } <div :class="[classA, { classB: isB, classC: isC }]">
Rendern für:
<div class="class-a classB">
Wenn es sich um einen Bindestrich handelt, ist Klasse-b nicht erfolgreich, daher muss hier die Standardobjektsyntax mit Anführungszeichen
<div :class="[classA, { 'class-b': isB, 'class-c': isC }]">
<div class="class-a class-b">