为了账号安全,请及时绑定邮箱和手机立即绑定

绑定class的属性在data中为什么没有效果呢?怎么可以有效果呢?

<div :class = "['styMsg']">{{msg}}</div>

var Vue({
    data:{
        msg: Hello Vue!
        styMsg:{
            color : 'red'
        }
    }
})


正在回答

3 回答

如果要渲染style,需要这样写

<div :style="{'color': styMsg}"></div>


如果需要使用class的方法绑定,那就直接写上去,不需要vue

<div class='styMsg'></div>


style部分:

.styMsg {

    color: red;

}

0 回复 有任何疑惑可以回复我~

绑定class属性时,对应的class样式应该写在样式表里,如:<style>.styMsg{color:red;}</style>

0 回复 有任何疑惑可以回复我~

styleMsg 在data里面是一个对象,在代码中不是这样写的

应该是<div :style="styleMsg"></div> 这样写就可以渲染了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

绑定class的属性在data中为什么没有效果呢?怎么可以有效果呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信