博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 绑定 添加class 属性 4种方法 添加style 3中方法 v-bind
阅读量:2053 次
发布时间:2019-04-28

本文共 341 字,大约阅读时间需要 1 分钟。

此文转载自

一、添加class

1.第一种使用方式,直接传递一个数组,注意的 class需要使用 v-bind 做数据绑定

eg:

H1标签!!!

2.在数组中使用三元表达式

eg:

H1标签!!!

3.在数组中使用 对象来代替三元表达式,提高代码的可读性

H1标签!!!

4.在为class使用v-bind 绑定 对象的时候,对象的属性是类名,由于对象的额属性可带引号,也可以不带引号;属性的值是一个标识符

(1).

H1标签!!!

(2).

H1标签!!!

二、添加style

1.直接在元素上通过:style的形式,书写样式对象

h1标签

2.将样式对象定义到data中,并直接引用到:style

h1标签

3.在:style中通过数组,引用多个data上的样式对象

h1标签

你可能感兴趣的文章
微服务简介
查看>>
CAP定理
查看>>
Docker初探
查看>>
Docker镜像常用命令
查看>>
使用Dockerfile定制镜像
查看>>
Docker容器数据持久化
查看>>
Docker Compose
查看>>
GitLab克隆项目出现 “git未能顺利结束(退出码128)”问题的解决
查看>>
SpringBoot整合FastDFS(附源码)
查看>>
在RoboWare Studio下利用python语言实现话题
查看>>
科学计算库——NumPy库
查看>>
数据分析处理库——Pandas
查看>>
Ubuntu 18.04 swap分区扩展
查看>>
Sophus的编译与使用
查看>>
Python中切片的用法
查看>>
安装OpenCV时提示缺少boostdesc_bgm.i文件的问题解决方案(附带百度云资源)
查看>>
最简单的 kubernetes 高可用安装方式
查看>>
Contour 学习笔记(一):使用 Contour 接管 Kubernetes 的南北流量
查看>>
K8s 学习者绝对不能错过的最全知识图谱(内含 58个知识点链接)
查看>>
Contour 学习笔记(一):使用 Contour 接管 Kubernetes 的南北流量
查看>>