动态绑定class的几种写法

一. 三元表达式

// isDisabled为true ,就加上disabledclass,否则不加
<div :class="isDisabled ? 'disabled' : '' ">

二. 设置成对象

// visual字段是'111' 加上disabled类名,是'red'加上redBg类名
<div :class="{'disabled': visual === '111', 'redBg': visual === 'red'}">

三. 设置成数组

// visual字段是'111' 加上disabled类名,是'red'加上redBg类名
<div :class = "[visual === '111' ? 'disabled' : '', visual === 'red'? 'redBg' : '']"> </div>