当前位置:网站首页>:class数组写法
:class数组写法
2022-07-29 19:49:00 【无围之解】
:class="[
'submit-btn',
activeCss,
{
'hidden-btn': (fullState == 4 && isEdite),
},
]"
<div :class="['tag', activeTag]">
computed: {
activeTag() {
if (this.fullState == 3) {
return 'yellow-btn'
} else {
return 'gray-btn'
}
},
activeCss() {
if (this.fullState == 3 && !this.limited && this.audience) {
return 'yellow-btn'
} else {
return 'gray-btn'
}
},
},
然后在css中
.gray-btn {
color: #666666;
background: #ececec;
}
.yellow-btn {
color: #ffffff;
background: #ffaa1e;
}边栏推荐
- Expert advice | How to formulate a growth strategy for survival in an economic downturn
- Thesis writing strategy | how to write an academic research paper
- 并发编程学习笔记 之 常用并发容器的概念及使用方法
- The ambition of glory: "high-end civilians" in a smart world
- LeetCode_474_一和零
- 通过观测云监控器监控基础资源,自动报警
- 点击返回顶部
- [GXYCTF2019] ban dolls
- 图床软件要收费,算了我自己写一个开源免费的。
- RNA修饰质谱检测|dextran-siRNA 葡聚糖化学偶联DNA/RNA|siRNA-PLGA聚乳酸-羟基乙酸共聚物修饰核糖核酸
猜你喜欢
![[数学基础]线性代数相关概念学习](/img/4c/d43fb47ff5b99998660a679b20699c.png)
[数学基础]线性代数相关概念学习

Is it safe to use the MD5 encrypted string to store the password?Hash algorithm you have to know

Verilog的时间格式系统任务----$printtimescale、$timeformat

【无标题】

专家建议|经济低迷周期下如何制订求存的增长战略

R语言对airbnb数据nlp文本挖掘、地理、词云可视化、回归GAM模型、交叉验证分析

程序员如何提升自己写代码的能力?

正则表达式

荧光量子点修饰siRNA-QDs|纳米金修饰siRNA-Au(RNA修饰方式方法)

【体系结构 四 存储结构】
随机推荐
双功能RGD-TAT修饰DNA纳米胶束|聚苯胺纳米线修饰DNA(PAINW/DNA)
百度实习学弟深夜吐槽:原来大厂是这种生活啊
GalNAc-siRNA甘露糖/半乳糖修饰脱氧核糖核酸|siRNA-S-S-DSPE(RNA修饰技术介绍)
经验分享|编写简单易用的在线产品手册小妙招
核壳二氧化钛纳米颗粒修饰DNA|二氢杨梅素修饰DNA药物|相关介绍
[GXYCTF2019] ban dolls
荧光量子点修饰siRNA-QDs|纳米金修饰siRNA-Au(RNA修饰方式方法)
正则表达式
etcd implements large-scale service governance application combat
Briefly talk about K-means clustering
siRNA-S-S-PEG-LMWP|M-MSN-siRNA介孔二氧化硅修饰RNA(齐岳RNA功能化修饰)
scratch programming + elementary math
华为云14天鸿蒙设备开发-Day9网络应用开发
第二增长曲线 | 企业创新突破停滞困境的驱动指南
C language learning books (improvement)
RNA修饰质谱检测|dextran-siRNA 葡聚糖化学偶联DNA/RNA|siRNA-PLGA聚乳酸-羟基乙酸共聚物修饰核糖核酸
【AutoSAR 十三 NVM】
小学弟问:程序员的工作是不是每天都是敲一天的代码呢?
scratch学习相关资料汇总
Samba服务器配置(什么情况下需要服务器)