需求说明:
开发过程中遇到一个 class 需要给两个或两个以上的类,其中有静态也有动态的。俗话说,好记性不如烂笔头,因此做手记录
实现的四种方式(暂时发现这四种,实现的效果都一样):
方式一:
:class="['user-menu-li','hand',item.isActive == 'true' ? 'active' : '']"
方式二:
:class="['user-menu-li','hand',{'active':item.isActive == 'true'}]"
方式三:
:class="'user-menu-li '+ 'hand ' +(item.isActive == 'true' ? 'active' : '')"
方式四:
:class="item.isActive === 'true' ? 'active' : ''" class="hand user-menu-li"