Question

我想在Vue中为一个元素添加一个常量和一个动态类：

<div :class="button {'button-danger':danger}">Button</div>

Class＆＃34; button＆＃34;应始终应用，＆＃34;按钮危险＆＃34;只有当财产“危险”时是的。

Answer 1

这很简单。

<div class="button" :class="{'button-danger':danger}">Button</div>

或

<div :class="{button: true, 'button-danger':danger}">Button</div>

console.clear()

new Vue({
  el: "#app",
  data:{
    danger: true
  }
})

.button-danger {
  color: red
}
.button {
 border: 1px solid black
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.js"></script>
<div id="app">
  <div class="button" :class="{'button-danger':danger}">Button</div>
  <div :class="{button: true, 'button-danger':danger}">Second Button</div>
  <button @click="danger = !danger">Toggle</button>
</div>

VueJs - 包括常量和动态值的类

1 个答案: