Vue动态绑定class与style
Posted web半晨
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue动态绑定class与style相关的知识，希望对你有一定的参考价值。
1、class
可以通过对象语法和数组语法进行动态绑定。
1.1、对象语法
<div v-bind:class="{active: isActive}"></div>
1.2、数组语法
<div v-bind:class="[activeClass, errorClass]"></div>
2、style
可以通过对象语法和数组语法进行动态绑定。
2.1、对象语法
<div :style="{color: activeColor, fontSize: fontSize + 'px'}"></div>
<div :style="{transform: `translateX(-${moveVal}px)`}"></div>
2.2、数组语法
<div v-bind:style="[baseStyles, overridingStyles]"></div>
3、官网
以上是关于Vue动态绑定class与style的主要内容，如果未能解决你的问题，请参考以下文章