:class类名绑定

做项目的时候,给元素添加类名,很多情况下都是要动态分配,常用方式有:

import Vue from 'vue'
var app = new Vue({
    el:'#root',
    template:`
        

`, data:{ isActive:true, classObj:{ 'myFirstName':true }, classObject: { active: true, 'text-danger': false }, aaName:'aaName', bbName:'bbName' } }) 1、普通模式: v-bind::class="{'active':!isActive}" 2、对象模式

data:{ classObj:{ 'myFirstName':true }, } 3、数组形式
data:{ aaName:'aaName', bbName:'bbName' } 4、三元表达式形式
5、对象数组形式
我们常用的一般就是普通模式和数组模式

你可能感兴趣的:(:class类名绑定)