Vue如何实现style与class样式绑定

2024年06月21日 建站教程

Vue开发中,如何实现class与style样式绑定,下面web建站小编给大家简单介绍一下!​

style绑定

<div :></div>

//多个样式组合
<div :></div>

class绑定

<div :class="{ myClass: isActive, myOtherClass: !isActive }"></div>

//多个样式组合
<div :class="['myClass', 'myOtherClass']"></div>

<div :class="[isActive ? 'myClass' : '', './css/class.css']"></div>

组合绑定

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

本文链接:http://so.lmcjl.com/news/6982/

展开阅读全文