2017-05-03 104 views
0

我VUE成分是这样的:如何在一个类vue.js 2中添加2个条件?

<template> 
    <a :class="'btn ' + [respond == 'responseFound' ? ' btn-yellow' : ' btn-default', type == 1 ? ' btn-block' : ' btn-xs center-block']"> 
     ... 
    </a> 
</template> 

我尝试这样,但它不工作?

+0

不断问你用不同的标题相同的问题。我想这是你问的第三个问题。为什么不把你所有的怀疑捆绑在一个整齐的列表中提供代码,很好的解释,如果提供一个jsfiddle会更好。 –

+1

[我怎样才能将课程与有条件的课程相结合? vue.js 2](http://stackoverflow.com/questions/43759229/how-can-i-combine-class-with-class-that-has-condition-vue-js-2) –

+0

这是不同的。你必须正确地阅读。这是两个条件 –

回答

1

您可以使用:class="[array, of, classes]"语法:

<a :class="['btn', (respond === 'responseFound' ? 'btn-yellow' : 'btn-default'), (type === 1 ? 'btn-block' : 'btn-xs center-block')]"> 

作为奖励,你不必担心添加前导空格,Vue公司将处理它。