Ich bin nicht vertraut mit slim-lang
, aber das ist, was Sie in der Vue-Vorlage erhalten müssen:
<div v-bind:class="['static-class', { 'active-class' : isActive }]">...</div>
Im obigen Fall, wenn isActive
zu true
auswertet, dann ‚aktiv-Klasse‘ Wird angewendet werden. Und 'statische Klasse' wird immer in der Ansicht angewendet. Dies wird als Array-Syntax bezeichnet.
Ref: https://vuejs.org/guide/class-and-style.html#Array-Syntax
Sie müssen sicherstellen, dass der slim-lang
Prozessor die oben html emittiert.
Nun zum Festlegen einer id
, können Sie keine Attributbindungen mit Schnurrbart ({{...}}
) Syntax tun. Sie benötigen id
zu binden, wie folgt:
<div v-bind:id="dynamicId"></div>
Referenz: https://vuejs.org/guide/syntax.html#Attributes
I i Ihre Beispiele nicht sicher bin, verstehen, ich brauche nicht bedingten Klassen zu verwenden, i statische Drucker brauchen. – NeverBe