绑定 HTML Class 我们可以传给 v-bind:class 一个对象,以动态地切换 class:

<div id="app" v-bind:class="[{ active: isActive }, errorClass]"></div>
<script type="text/javascript">
    new Vue({
        el: "#app",
        data: {
            isActive: true,
            errorClass: 'text-danger'
        }
    })
</script>

渲染为:

<div id="app" class="active text-danger"></div>
点赞(2) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部