1、對象語法

<div class="static"v-bind:class="{ active: isActive, 'text-danger': hasError }"> </div> data: {isActive: true,hasError: false }

2、數組語法

<div v-bind:class="[isActive ? activeClass : '', errorClass]"></div>

?

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的vue class绑定方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。