Vue的style与class
2024-08-31 17:41:35
1. style
可以通过
:style="{height:`${heightData.main}px`}"
实现样式的动态绑定, style绑定的是一个对象,多个样式时用“,”隔开, 要用驼峰式写法.
2. class
<div :class="{ active: isActive }"></div>
可以动态控制class的名, 绑定的对象或者数组, 通过判断isActive的真假来动态控制它显示
最新文章
- vi编辑器的使用
- navicat for mysql
- Macro and SQL
- Unity视频播放的各种实现方式汇总
- s3c6410_uboot中的代码重定位(nand->;sdram)
- 编译pure-ftpd时提示错误Your MySQL client libraries aren&#39;t properly installed
- jdbc_连接数据库
- visual studio 2008安装报错问题处理
- Ubuntu Android Studio 无法通过起动器开启
- andoid x项目的优化 1
- 定制滚动条样式 webkit
- C语言如何分离一个数的高低位,如何将2个字节变成一个字节
- eleTree树形插件引入
- 【Android】ScaleAnimation 详解
- C语言学习 例四
- Solr各个版本重大变化之安装方式【请别违背规律】
- idea 在tomcat启动的时候发现控制台输出的是乱码
- https 不检验证书
- 2018.10.25 bzo1227: [SDOI2009]虔诚的墓主人(组合数学+扫描线+bit)
- linux源码安装的步骤
热门文章
- BZOJ 1002 FJOI 2007 轮状病毒 暴力+找规律+高精度
- 同一个事务里 查询 已删除可是未提交的数据[bug记录]
- POJ 3014:Asteroids(二分匹配,匈牙利算法)
- 在Mac OS X上安装使用lazarus 1.6.4
- DevExpress Report打印边距越界问题
- Codeforces Round #262 (Div. 2) 题解
- 中科燕园GIS外包--移动GIS
- Onvif开发之基础介绍篇
- POJ 3039 搜索??? (逼近)
- 学大伟业Day解题报告