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

Question

我正在尝试使用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);
}