2️⃣ 标准实现方式
data
data() { return { activeMenu: 'workbench' } }template
<div :class="{ active: activeMenu === 'workbench' }"></div> <div :class="{ active: activeMenu === 'ajtz' }"></div>methods
this.activeMenu = 'ajtz';CSS
.workbench.active { border-bottom: 2px solid #fff; }易错点
| 错误 | 后果 |
|---|---|
data 里没定义activeMenu | class 永远不生效 |
| 只写 hover | 点击后无法保持 |
| div 是 inline | border-bottom 不显示 |
时间 & Date 相关基础点(补充)
Date.now()/getTime()
new Date().getTime() === Date.now()
✔ 都是毫秒时间戳
Infinity(无穷大)
let minDays = Infinity;