84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如何在动态显示菜单的循环中添加活动类（active class）？我无法为打开的菜单设置活动类。
//module.route 是数据库列 //module.icon 是数据库列 {{ module.name }} //module.name 是数据库列
{{ module.name }} //module.name 是数据库列
它从数据库中显示菜单列表。现在我只想让打开的菜单变为活动状态。
我是这样做的。
我在一个名为tabs的数组中添加了所有我想要添加的选项卡。
tabs
这将为数组tabs中的每个tab创建一个元素。
tab
所有的元素都将具有nav-link类，并且使用v-bind，如果变量active_tab等于tab，则会将active添加到元素的类列表中。每当用户点击其中一个选项卡时，使用@click将active_tab更改为用户点击的tab。样式
nav-link
v-bind
active_tab
active
@click
.nav-link { background-color: var(--primary-color); /* 正常时元素的外观 */ } .nav-link.active { background-color: var(--hover-color); /* 当元素处于活动状态时 */ }
我是这样做的。
我在一个名为
tabs的数组中添加了所有我想要添加的选项卡。这将为数组
tabs中的每个tab创建一个元素。所有的元素都将具有
nav-link类，并且使用v-bind，如果变量active_tab等于tab，则会将active添加到元素的类列表中。每当用户点击其中一个选项卡时，使用@click将active_tab更改为用户点击的tab。样式
.nav-link { background-color: var(--primary-color); /* 正常时元素的外观 */ } .nav-link.active { background-color: var(--hover-color); /* 当元素处于活动状态时 */ }