javascript - 关于vue里面的class绑定，这个地方我按照官网做也没有渲染出结果啊？

问题描述

问 题

<div v-bind:class="classObject">sadf</div>
//以上是我的html

new Vue({
data: {

classObject: {

'active': true,
'text-danger': false

}
}

})//这是我的js代码

我本来想最后在控制台渲染出来的效果是<div class="active text-danger"></div>
但是得到的结果是 <div v-bind:class="classObject">sadf</div> 这就和没渲染一样
vue官网上说的是可以得到<div class="active text-danger"></div>，这是怎么回事呢？
vue里面有很多问题我弄了半天也没明白，求大神指导一下

解决方案

你贴看的例子吧。我估计他就写了

<div v-bind:class="classObject"></div>

data: {
  classObject: {
    'active': true,
    'text-danger': false
  }
}

纯粹是为了举个例子，el：**你还是要写的。
而且'text-danger': false为false时，'text-danger'是不会有的吧。

这篇关于javascript - 关于vue里面的class绑定，这个地方我按照官网做也没有渲染出结果啊？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！