Files
2026-03-26 21:45:32 +08:00

23 lines
459 B
JavaScript

new Vue({
el: "#app",
data: {
title: "动态样式练习",
isActive: false,
progress: 35,
},
methods: {
toggleCard() {
// 任务:
// 1. 切换 isActive
this.isActive = !this.isActive
// 2. 如果激活了,让 progress 增加到 80
if (this.isActive) {
this.progress = 80
} else {
this.progress = 35
}
// 3. 如果取消激活,让 progress 回到 35
},
},
});