Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vue条件添加css类的正确方法_Vue.js_Vuejs2 - Fatal编程技术网

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

Vue.js Vue条件添加css类的正确方法,vue.js,vuejs2,Vue.js,Vuejs2,添加由Vue中的条件决定的css类的正确方法是什么: <div class={{current == key ? ' is-active' : '' }}> Page title</div> 页面标题 您只需使用一个对象,其中所需的每个类都是键,值是比较器。这是我最方便的方法,您可以使用条件添加多个类 <div :class="[current === key ? 'is-active' : '', otherClassCondition ? 'other-c

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

<div class={{current == key ? ' is-active' : '' }}> Page title</div>
页面标题


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

这是我最方便的方法,您可以使用条件添加多个类

<div :class="[current === key ? 'is-active' : '', otherClassCondition ? 'other-class' : '']">

<div :class="[current === key ? 'is-active' : '', otherClassCondition ? 'other-class' : '']">