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。
怎么修改一下?

阅读 46.6k
2 个回答
:class="followed ? 'btn-success':'btn-secondary'"

v-bind:class="{followed ? 'btn-success' : 'btn-secondary'}"

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题