如何将课程与有条件的课程结合起来?Vue.js 2 [英] How can I combine class with class that has condition? vue.js 2

问题描述

我的 vue 组件是这样的:

My vue component is like this :

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

有效

但是，我想把它合并成一个类

But, I want to combine it to be one class

我是这样尝试的:

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

但它不起作用

我该如何解决?

推荐答案

:class 或 v-bind:class 中的一切都是一个表达式.所以:

Everything inside :class or v-bind:class is an expression. So:

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

这篇关于如何将课程与有条件的课程结合起来?Vue.js 2的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！