脚本宝典收集整理的这篇文章主要介绍了vue中$router以及$route的使用,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
{ path: '/home', component: Home }
const routes = [
{ path: '/home', component: Home },
{ path: '/about', component: About }
]
const router = new VueRouter({
routes // routes: routes 的简写
})
this.$router.push({path:`/user/${userId}`})
这种方式需要在路由中作如下配置
{
path: '/user/:userId',
name: '***',
component: ***
}
这种接收参数的方式是this.$route.params.userId。
this.$router.push({name:'Login',params:{id:'leelei'}})
//不带参数 变成 ip/login
this.$router.push({path:'/login',query:{id:'leelei'})
//带查询参数变成 ip/login?id=leelei
//带斜杠/代表从根目录出发,不会嵌套之前的路径
query传参是针对path的,params传参是针对name的。。接收参数的方式都差不多。。this.$route.query.和this.$route.params.
注意这只是跳转url,跳转到这个url显示什么组件,得配置路由。router跳转和<router-link>标签跳转,规则差不多。
谢谢大家,如果有错误的地方请指出。
以上是脚本宝典为你收集整理的vue中$router以及$route的使用全部内容,希望文章能够帮你解决vue中$router以及$route的使用所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。