vue

  • vue-route

vue-route

获取列表商品id 

使用v-link 链接获取:
因为点击时需要知道有些东西的username或其他的特有属性来识别,因此具名路径的出现是的点击时可以获取我们想要的属性,使程序能够明白点击时点击了什么,该传什么参数。


<a v-link="{ name: 'user', params: { userId: 123 }}">Usera>

传入部分,需要给出页面的name

例如:

'/change-product/:id':{
    name: 'change-product',
    component: ChangeProduct
  }

点击获取商品的属性,则需要根据商品的id来判断

<a class="btn btn-primary" v-link="{ name: 'change-product', params: { id:product.id } }" role="button">修改a>

在v-for 循环遍历product并输出product商品列表,其中每个product含有自己的独特id属性,通过其id属性判断点击的商品是哪个,然后将商品id传入路由获取params中,当路径匹配一个含有动态片段的路由规则时,动态片段的信息可以从 $route.params 中获得,然后将获取到的id返回给v-link的具名路径,将其id的商品信息传入修改界面。

你可能感兴趣的:(开发项目,vue)