您现在的位置是：网站首页> 编程资料编程资料
vue如何动态设置class、动态设置style_vue.js_
2023-05-24
350人已围观
简介 vue如何动态设置class、动态设置style_vue.js_
vue动态设置class、style
//动态class对象 //动态style对象 //动态class数组 //动态style数组
vue动态添加样式 :style 和 :class
动态添加可以采用：class 也可以采用：style
但是在一个长期维护的项目里面：style行内样式尽量避免。
//-选中的一项更换背景色，其余兄弟元素没有背景色动态添加类名
对象的形式
对象的形式
三元表示式
数组的形式
数组中使用对象
通过方法设置class类名
其次还可以用 :style
给一个div动态添加padding-top 我们可以用上面的：class方法 也可以用：style 的方法
还是以上面的class样式为例
:style如下
:class如下
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
您可能感兴趣的文章:
