綁定class的屬性在data中為什么沒有效果呢？怎么可以有效果呢？
<div?:class?=?"['styMsg']">{{msg}}</div>
var?Vue({
????data:{
????????msg:?Hello?Vue!
????????styMsg:{
????????????color?:?'red'
????????}
????}
})
慕粉0561050
2019-03-12
3 回答
舉報(bào)
0/150
提交
取消
2019-03-13
如果要渲染style，需要這樣寫
<div :style="{'color': styMsg}"></div>
如果需要使用class的方法綁定，那就直接寫上去，不需要vue
<div class='styMsg'></div>
style部分：
.styMsg {
? ? color: red;
}
2019-05-07
綁定class屬性時，對應(yīng)的class樣式應(yīng)該寫在樣式表里，如：<style>.styMsg{
color:red;}</style>2019-03-13
styleMsg 在data里面是一個對象，在代碼中不是這樣寫的
應(yīng)該是<div :style="styleMsg"></div> 這樣寫就可以渲染了