激活路由器链接时影响其他组件

时间:2019-06-06 12:11:20

标签: javascript css vue.js

我正在尝试使用3种类型的列构建侧边栏。 第一列包含主要选项 选择主选项之一后,带有子选项的新导航为 开了 第三列包含过滤器,而不是我的问题的一部分。

每列都是具有不同CSS配置的不同Vue文件。 单击主导航的路由器链接时,我试图在子选项侧栏上添加一个右边界。

我试图通过带有:active psuedo类的CSS使其实现,但是没有成功影响其他类(尝试在路由器链接处于活动状态时影响另一个vue页面中的div) 我以为使用vue可能会更容易,但是我不知道如何开始,因为我是vue的新手,并且仍在学习如何正确使用它。

需要明确的一点是:当MainNav.vue中的链接处于活动状态时,我想在SecondNav.vue中的DIV上应用CSS。

示例

a {

  &.active ~ .SecondClass {
            color: var(blue);
            fill: blue;
            position: relative;
            border-right: 3px solid var(blue);
}

0 个答案:

没有答案