vue项目中使用到了组件间传值,通过路由跳转实现从产品页进入产品详情页查看功能。

使用了this.$router.push(编程式导航)

product页面中:因为只需要遮住产品列表页来显示产品详情页,所以添加了router-view

点击列表后,传递产品id,作为params的内容。

productDetail页中:首先获取传递过来的id,然后就可以进行后续逻辑操作(数据请求)了。

返回操作:

上述方法只是本人实现功能使用的,还有其他实现方法。更多使用方法,建议查看vue官网:https://router.vuejs.org/zh/guide/essentials/navigation.html#routerpushlocation

最新文章

  1. .NET MVC Filter异常处理
  2. 解决oracle 端口 1521 本机127可通 其他ip不通
  3. 纪念我sgu第一个10题!
  4. javascript 最常用的技巧整理
  5. Sicily 1021. Couples
  6. PHP+Apache+Mysql 配置流程【配置之后才能正常使用】
  7. iOS-----------进阶书籍收藏
  8. NetBus —— 让你的 App 内部随处感知网络的变化
  9. poj1741(点分模板)
  10. 【一个小功能】从js判断ie版本,浅谈navigator对象的appName属性
  11. Maven的继承与聚合——多模块开发
  12. 移动端 实现ul横向滚动条
  13. Lightoj-1220
  14. 打开SQL Server2000企业管理器时候提示“MMC 无法创建管理单元 ”
  15. HashMap和HashTable源码分析
  16. Java框架-mybatis03使用注解实现mybatis
  17. 【REACT NATIVE 系列教程之十二】REACT NATIVE(JS/ES)与IOS(OBJECT-C)交互通信
  18. Properties 的list方法 直接将内容放到文本中
  19. 使用在线修改DDL工具
  20. TYVJ2002 扑克牌

热门文章

  1. 简单易懂的程序语言入门小册子(5):基于文本替换的解释器,递归,不动点,fix表达式,letrec表达式
  2. 转:Redis 使用经验总结
  3. PHP匿名函数
  4. puppet master 用 nginx + unicorn 作为前端
  5. March 09th, 2018 Week 10th Friday
  6. February 22nd, 2018 Week 8th Thursday
  7. iOS弹出UIViewController小视图
  8. 【Teradata】配置PE和AMP(congfig和reconfig工具、vprocmanager)
  9. 【Linux基础】history查看历史命令
  10. MySQL高级知识(七)——索引面试题分析