vue如何动态绑定多个class
开开 2021-08-10 10:41:06 2021-08-10 159 0
- 给一个dom绑定多个class,而且是动态绑定,代码如下:
<!-- class 绑定 --> <div :class="{ red: isRed }"></div> <div :class="[classA, classB]"></div> <div :class="[classA, { classB: isB, classC: isC }]"> // classA 是固定不变的,classB与classC 是根据条件来判断是否加入
对象写法如下:
<a :class="{ 'active': hash==='finish','nav-link':true}" href="#/finish">已完成</a>
style 动态绑定
image.png