router-link去除横线

可以通过以下两种方式去除 router-link 的下划线：

1. 在全局 CSS 中添加以下样式：

   .router-link-exact-active {
     text-decoration: none;
   }

这样就可以去除 router-link 的下划线了。

2. 在 router-link 标签中添加 `exact-active-class` 属性，将其值设置为一个空字符串：

   <router-link to="/" exact-active-class="">Home</router-link>

这样也可以去除 router-link 的下划线。

相关问题

<template id="rootTemp"> <div class="root"> <router-link to='/goodslist'>商品列表</router-link>&nbsp;&nbsp; <router-link to='/goodsdetails'>商品详情</router-link>&nbsp;&nbsp; <router-link to='/mycart'>我的购物车</router-link> <router-view :toys="toys"></router-view> </div> </template>运用到哪些知识点

这段代码运用了以下知识点：

1. Vue.js框架中的组件化开发，其中template标签被定义为组件的模板。

2. Vue.js中的路由功能，通过router-link组件和router-view组件实现路由导航和页面渲染。

3. Vue.js中的数据传递，其中:toys="toys"表示将组件的属性toys绑定到当前Vue实例中的数据toys上。

<router-link to="/login">登录页面</router-link> <router-link to="/index">系统首页</router-link>如何换行

要在HTML中换行可以使用`<br>`标签，所以你可以这样写：

<router-link to="/login">登录页面</router-link><br>
<router-link to="/index">系统首页</router-link>

这样就可以让两个链接在不同行显示了。