23 lines
459 B
JavaScript
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
|
|
},
|
|
},
|
|
});
|