导航栏选中态

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;