Javascript 根据vue.js中的url将类活动添加到路由器链接

我有这样的链接：

 <li class="list-item active"> <router-link :to="{name:'link-1'}"> Link 1</router-link>
 <li class="list-item"> <router-link :to="{name:'link-2'}"> Link 2</router-link> 

---

我想根据url添加带有列表项类的活动类。假设url为localhost:8000/link-1，则link-1应处于活动状态。

Vue router提供此功能。当链路处于活动状态时，它将应用路由器链路的精确活动类

在CSS中：

.路由器链路完全激活{ //这里的风格 }

---

还有与/和/链路-1匹配的路由器链路处于活动状态。

Vue路由器提供此功能。当链路处于活动状态时，它将应用路由器链路的精确活动类

在CSS中：

.路由器链路完全激活{ //这里的风格 }

---

还有一个路由器链路处于活动状态，它将同时匹配/和/链路-1。

如果您使用的是Vue router>3.1.0，您可以为此使用和作用域插槽：

---

如果您使用的是Vue Router>3.1.0，您可以为此使用和作用域插槽：