vue.jsを使用してCSSクラスを変更できますか？

Question

私はMVCプロジェクトを持っていて、アプリケーションフォームにvueを使っています。

<div class="validation-error" ref="message">@Html.ValidationMessageFor(m => m.Title)</div> 
<div class="label-container">@Html.LabelFor(m => m.Title)</div> 
<div class="form-control">@Html.TextBoxFor(m => m.Title, new { v_model = "val", @ref = "field" })</div> 

これは、バリデーションメッセージがバインドされたテキストボックスです。私がテキストメッセージボックスの色を変更できるかどうかは、検証メッセージがアクティブな場合にのみ不思議です。

aria-invalid="true"という名前のhtmlレンダリングを見ましたので、v-ifなどを使用できるかどうか疑問に思っています。

おかげ

Answer 1

はい、Vue.jsドキュメントのClass and Style Bindingsセクションを参照してください。

<div :class="{ 'css-class-name': isActive }"></div>