vue.js - vuejs的这个三元运算符怎么写？

问题描述

问 题

<template>
    <button type="button"
            class="btn btn-sm"
            v-bind:class="{'btn-success':followed}"
            v-text="text"
            v-on:click="follow">
    </button>
</template>

要这样：
如果followed为true，class就显示btn-success，
如果followed为false，class就显示btn-secondary。
怎么修改一下？

解决方案

:class="followed ? 'btn-success':'btn-secondary'"

这篇关于vue.js - vuejs的这个三元运算符怎么写？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！