绑定class的属性在data中为什么没有效果呢？怎么可以有效果呢？
来源：2-5 条件渲染、列表渲染、Class与Style绑定
慕粉0561050
2019-03-12 23:24
<div :class = "['styMsg']">{{msg}}</div>
var Vue({
data:{
msg: Hello Vue!
styMsg:{
color : 'red'
}
}
})
写回答
关注
3回答
-
- Brian
- 2019-03-13 16:34:15
如果要渲染style，需要这样写
<div :style="{'color': styMsg}"></div>
如果需要使用class的方法绑定，那就直接写上去，不需要vue
<div class='styMsg'></div>
style部分：
.styMsg {
color: red;
}
-
- 小晚啦啦啦
- 2019-05-07 16:43:59
绑定class属性时，对应的class样式应该写在样式表里，如：<style>.styMsg{
color:red;}</style> -
- 慕桂英9474871
- 2019-03-13 11:34:17
styleMsg 在data里面是一个对象，在代码中不是这样写的
应该是<div :style="styleMsg"></div> 这样写就可以渲染了
3小时速成 Vue2.x 核心技术
带你快速学习最流行的前端框架vue2.x的核心技术
82578 学习 · 489 问题
相似问题