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