Vue条件添加css类的正确方法

fka*_*usi 2 vue.js vuejs2

添加由 Vue 中的条件决定的 css 类的正确方法是什么:

<div class={{current == key ? ' is-active' : '' }}> Page title</div>
Run Code Online (Sandbox Code Playgroud)

Ohg*_*why 6

<div :class="{'is-active': current === key }">
Run Code Online (Sandbox Code Playgroud)

您只需使用一个对象,其中您想要的每个类都是键,而值是比较器。