商品编辑实操(上文三种方法验证)

#应用场景:
点击商品列表中的某一件商品,把商品的id传给编辑页面,用户可以进行编辑,编辑后,返回到商品列表页面。

#实现思路
构建编辑商品的template和 class
 
#关键技术点:
如何把某个商品的id传到另一个页面

#具体实现:
1.已经创建好了一个组件:product-edit
2.构建template 和 class

从template角度看,商品的编辑页面和商品的创建页面相似
区别在于:编辑页面需要先拿到该商品的属性,展示,然后再编辑

如何获取到某个商品的详情?
调用它的service(Restful API的GetProductById方法)

传递路由参数有三种方法:路由的路径、查询参数、localStorage

#第一种方法:路由的路径
1.源头的跳转
2.获取它的参数
3.获取到具体的商品并展示


#第二种方法:查询参数
1.在源组件跳转
2.在目标组件接收
3.获取具体的商品,并展示


#第三种方法:localstorage方法
1.在跳转之前,把商品id存到缓存localstorage,所以要用到动态跳转
2.读取商品id from:localstorage
3.获取到具体的商品并展示

原文地址:https://www.cnblogs.com/aiyamoer/p/10998486.html