计算机网络/计算机科学与应用/系统/运维/开发

Vue3 元素样式绑定

一、class 绑定

1.1、数组语法


image.png


1.2、对象语法

使用 v-bind 对元素的class属性进行绑定,常用的绑定数据设置为一个对象,这样可以动态切换元素的class


1、内联绑定

image.png


2、非内联绑定

非内联绑定的形式是将元素的class属性绑定的对象定义在data选项中


image.png


只有惜缘,才有缘分;只有惜友,才有友谊。

评论

^