问答详情
源自：2-5 条件渲染、列表渲染、Class与Style绑定

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

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

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


提问者：慕粉0561050 2019-03-12 23:24

个回答

  • Brian
    2019-03-13 16:34:15

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

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


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

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


    style部分：

    .styMsg {

        color: red;

    }

    0
  • 小晚啦啦啦
    2019-05-07 16:43:59

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

    0
  • 慕桂英9474871
    2019-03-13 11:34:17

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

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

    0