登录/注册
开开
9779
占位
8
占位
12
浏览量
占位
粉丝
占位
关注
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

原文: https://www.jianshu.com/p/e4248eb7c92a

暂无评论