如何将课堂与有条件的课堂相结合？ vue.js 2

问题描述：

<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>

但它不起作用

我该如何解决它？

你为什么要合并它们？这是做这件事的正确方法。另外它不需要是一个数组，因为你只有一个类正在设置。 –

在javascript中编写代码：'：class =''btn'+（（response =='responseFound'）？'btn-yellow'：'btn-default'）+'btn-block'“>' – SLYcee

Yup why你想结合，vue为你做到这一点。你遵循的第一个过程是正确的。 –

答

里面的一切：class或v-bind：class是一个表达式。所以：

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