javascript - 在 vue 中结合条件类和非条件类

标签 javascript vue.js vuejs2 vue-component

我需要使用 vue 参数中的值设置一个类。此外,我需要根据 vue 参数是否为某个值来有条件地设置一个类。是否可以将以下两个功能组合到一个类(class)作业中?

<button :class="'btn btn-primary modal modal-' + modal.id" 
        :class="{'modal-active' : modal.active}">
</button>

最佳答案

您可以通过使用数组来执行以下操作:

   <div v-bind:class="[{'modal-active' : modal.active}, 'btn btn-primary modal modal-' + modal.id]"></div>

关于javascript - 在 vue 中结合条件类和非条件类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53640520/

相关文章:

javascript - 使用 JS 查找字符串中的逗号

amazon-web-services - 如何将 Quasar 2 与 AWS Amplify 结合使用?

javascript - 我可以使用 vue.js 在选择选项中设置动态工具提示吗?

mvvm - Vue 1.x/2.x : Get vue-router path url from a $route object

javascript - 使用 AJAX 发送文件数组

javascript - 事件循环和Promise有什么关系

javascript - 我的 Bootstrap 轮播 slider 不工作

vue.js - 如何在 Nuxt.js 的嵌套路由中创建可选参数?

vue.js - 如何在 vuetify 中的 v-for 中制作 v-skeleton-loader?

authentication - 关闭选项卡后,Vuex 持久状态不会删除状态