首页 > 其他 > 详细

动态路由匹配

时间:2021-01-07 19:06:08      阅读:20      评论:0      收藏:0      [点我收藏+]

所谓动态路由就是路由规则中有部分规则是动态变化的,不是固定的值,需要去匹配取出数据(即路由参数)。

// 传递参数id

var router = new VueRouter({

    // routes是路由规则数组

    routes: [

        { path: ‘/user/:id‘, component: User },

    ]

})

 

// 组件中获取id

const User = {

    template: ‘<div>User ID is {{$route.params.id}}</div>‘

}

 

在路由定义中定义动态路由并指定参数名称

技术分享图片

 

 

在列表页中要设置路由跳转

技术分享图片

 

 

在详情页面中获取参数id

技术分享图片

 

动态路由匹配

原文:https://www.cnblogs.com/ht955/p/14247902.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!