美文网首页
vue class样式的运用3(数组推送)

vue class样式的运用3(数组推送)

作者: 夜息白鸽 | 来源:发表于2017-07-18 17:42 被阅读0次

data 里面放的是json数组;里面还添加了布尔值确定启用;
写法:class = "json"

    <style>
        .red{
            color: red;
        }
        .blue{
            background: blue;
        }
    </style>
    <script src="vue.js"></script>
    <script>
        window.onload=function(){
            new Vue({
                el:'#box',
                data:{
                    json:{
                        red:true,
                        blue:true
                    }
                },
                methods:{
                }
            });
        };
    </script>
</head>
<body>
    <div id="box">
        <strong :class="json">文字...</strong>
    </div>
</body>

相关文章

网友评论

      本文标题:vue class样式的运用3(数组推送)

      本文链接:https://www.haomeiwen.com/subject/vvmhkxtx.html