Vue 标签router-link 作用、用法

目录

作用

基本用法

---

作用

router-link 是 Vue.js 中 Vue Router 的一部分，也就是说你必须要使用Vue Router 才能用使router-link ，router-link其实就是相当于html中，也就是超链接作用。

基本用法

以下是几个主要用法：

to：指定要导航到的路由路径或路由对象。

Go to Path

如果你在 Vue Router 中定义了命名路由，可以这样使用：

Go to Named Route

如果路由定义了参数，你可以这样传递它们：

Go to User

router-link 默认渲染为 标签，但你可以通过 tag 属性更改它的标签类型,将其置换成按钮：

Go to Path

当 router-link 匹配当前路由时，它将自动设置一个活动类（默认为 .router-link-active）。你可以通过 active-class 属性自定义这个类名：

Go to Path

你还可以绑定常规的 Vue 事件：

Go to Path

------------------------------------------与正文内容无关------------------------------------
如果觉的文章写对各位读者老爷们有帮助的话，麻烦点赞加关注呗！作者在这拜谢了!

如果你需要Java 、Python毕设、网页和系统设计，还有你是刚入职的新手需要度过试用期。联系方式微信：Romanticl99 网名：A乐神