vue.js怎么动态设置css

2025-05-23 06:19:33
推荐回答(1个)
回答1:

template



script

selectTab(selectedTab) {
this.tabs.forEach(tab => {
tab.isSelected = (tab.name == selectedTab.name);
})
}

给每个a标签绑定一个方法,并传入当前对象作为参数
当点击时遍历所有a标签,比较当前遍历对象的某个属性(例子中的name)与传入对象的某个属性
比例结果赋值给一个flag(例子中的isSelected属性),由这个flag去控制:class
从而实现数据驱动样式