vue如何动态绑定多个class

  • 给一个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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容