本文共 905 字，大约阅读时间需要 3 分钟。

< router-link >组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的< a >标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名

< router-link >组件的属性有：

to 、replace、 append、 tag、 active-class、 exact 、 event、 exact-active-class

1、:to表示跳转页面的路由

go_back: function(){   //this.$router表示当前vue实例获取路由， 添加要返回的页面的路由就会跳转     this.$router.push({         path:"/cms/page/list",         //query，附带在路由后面的参数         query:{             page:this.$route.query.page,             siteId:this.$route.query.siteId,             pageAliase:this.$route.query.pageAliase         }     }) }

1、this.$ router.push表示添加路由且跳转到该路由的页面

{        //修改页面的路由，:pageId为当该路由后面接 / 参数时自动添加该参数        path:'/cms/page/edit/:pageId',         name:'修改页面',        component:page_edit,        hidden:true      }

转载地址：http://efern.baihongyu.com/