一. 三元表达式
// 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>