我可以使用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> 

這是一個帶有驗證消息的文本框。林想知道如果我可以改變文本框的顏色只有當驗證信息是活動的。

我看到了HTML渲染一個屬性aria-invalid="true"所以即時通訊想知道我是否可以使用v-if什麼的。

感謝

Answer 1

是的，看到Vue.js文檔的Class and Style Bindings部分。

下面是基於一個Vue.js變量的感實性啓用或禁用類的例子：

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