猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript > vue >

vue 动态路由的简单例子

2018-01-15 15:47:35 作者:yxl 次阅读 vue

#### 开发过程中动态路由是经常使用到的,比如产品的id
> 动态路由设置在path  :goodId 如下
```
 routes: [
    {
      path: '/goods/:goodId',
      name: 'GoodsList',
      component: GoodsList,
      
    }
  ]
```
 
> 动态路由参数的获取 比如在产品详情页获取产品id 则是使用  $route.params.goodId 
 
```
    {{ $route.params.goodId  }}
 
```

凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词: Vue
0

网友评论