有时您需要在运行时更改元素的 CSS 类。但更改类别时，有时最好有条件地应用样式细节。例如，假设您的视图有一个寻呼机。寻呼机通常用于导航较大的项目集。导航时，向用户显示他们当前所在的页面会很有帮助。项目的样式是根据当前正在查看的页面有条件地设置的。 在这种情况下，寻呼机可能看起来像这样： 寻呼机 在此示例中，有五个页面。一次仅选择其中一页。
使用数组语法进行绑定
如果您使用 Bootstrap 构建此分页器，则所选页面将具有一个名为activeApplied 的 CSS 类。您希 黎巴嫩电话号码表 望仅当页面是当前查看的页面时才应用此类。换句话说，您需要有条件地应用activeCSS 类。幸运的是，Vue 提供了一种有条件地将 CSS 类应用于元素的方法，我将在本文中进行演示。 要在运行时有条件地应用 CSS 类，您可要成功完成此任务，您必须完成两个步骤。
包起来
首先，您必须确保定义了 CSS 类。然后，您在模板中创建类绑定。我将在本文的其余部分详 带宽列表 细解释每个步骤。 快速启动 Vue 第 1 步：定义您的 CSS 类 想象一下，上图中显示的五个页面项是使用以下 HTML 定义的请注意，此代码片段中的每个页面都有一个列表项元素 ( <li …)。该元素引用page-itemCSS 类。在本文的代码中，此类是在 您有责任确保它在某处定义。
