Vue的style与class

• Z时代
• 2024-01-10
• 分类：综合

1. style

　　可以通过

:style="{height:`${heightData.main}px`}"

实现样式的动态绑定, style绑定的是一个对象,多个样式时用“,”隔开, 要用驼峰式写法.

2. class

<div :class="{ active: isActive }"></div>

可以动态控制class的名, 绑定的对象或者数组, 通过判断isActive的真假来动态控制它显示

以上是 Vue的style与class 的全部内容， 来源链接： utcz.com/z/380253.html