router-link

问题描述：

你在使用 vuer中 知不知道里面有个属性是tag修改标签名， 默认情况是标签 a,但众所周知 a 需要自己设置一定的样式才更加美观，并且之后后台会跳出来一片黄色的警告，你会在上面看到，.....vue 4之后的版本在不支持tag这个属性。下面就来了解一下新的router的写法，自己定义跳转的标签名。

解决方案：

- 使用到了插槽的方法，并且原先的版本中，active-calss修改class的名字，在下面改为了isActive返回的是一个boolean值。这个书写方案优点在于，可以自定义标签，而且扩展性更好。还要更多的属性请看官方文档。 向里面的属性还有

v-slot="{ href, route, navigate, isActive, isExactActive }"

 <router-link to="/films" custom v-slot="{ navigate, isActive }">
       <li @click="navigate" :class="isActive ? 'nice_y' : ''">电影</li>
 </router-link>