通过属性绑定为元素设置class类样式

XuuuT

于 2019-12-24 15:50:22 发布

阅读量166

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/Socraton/article/details/103684329

版权

Vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<div id="app">
        <!--直接传递一个数组  class需要用v-bind做数据绑定-->
       <!-- <h1 :class="['thin','red']">123456789</h1>-->

        <!--在数组中使用三元表达式-->
       <!-- <h1 :class="['thin','red',flag?'active':'']">123456789</h1>-->

        <!--用对象来代替三元表达式，提高代码的可读性-->
        <!--<h1 :class="['thin','red',{'active“:flag}]">123456789</h1>-->
        
        <h1 :class="classobj">123456789</h1>
    </div>

    <script>
        var vm = new Vue({
            el:'#app',
            data:{
                flag:true,
                classobj:{red:true,thin:true,active:false}
             },