如何將課堂與有條件的課堂相結合？ vue.js 2

Question

我VUE成分是這樣的：

<template> 
    <a class="btn btn-block" :class="[response == 'responseFound' ? ' btn-yellow' : ' btn-default']"> 
    ... 
    </a> 
</template> 

它的工作原理

但是，我想將其合併爲一個類

我嘗試這樣的：

<template> 
    <a :class="'btn' [response == 'responseFound' ? ' btn-yellow' : ' btn-default'] ' btn-block'"> 
    ... 
    </a> 
</template> 

但它不起作用

我該如何解決它？

Answer 1

裏面的一切：class或v-bind：class是一個表達式。所以：

<template> 
    <a :class="'btn' + (response == 'responseFound' ? ' btn-yellow' : ' btn-default') + ' btn-block'"> 
    ... 
    </a> 
</template>