首页 > 其他 > 详细

编程式路由

时间:2019-03-09 18:09:18      阅读:163      评论:0      收藏:0      [点我收藏+]

什么是编程式路由?

通过js来实现页面的跳转

$router.push("name")

$router.push({path:"name"})

$router.push({path:"name?a=123"})或者$router.push({path:"name",query:{a:123}})

$router.go(1)

实例:

在商品列表页面跳转到购物车页面

1、新建购物车页面Cart.vue

技术分享图片

2、index.jsp中配置:引入组件

技术分享图片

技术分享图片

3、在商品列表页面实现跳转:

a:原来的<router-link>方式跳转

技术分享图片

在浏览器中查看:点击能够跳转到购物车

技术分享图片

 

 

 

 

   b:编程式方式

技术分享图片

上图方式3可以进行传参,然后在购物车页面中可以接收参数:

技术分享图片

技术分享图片

点击购物车按钮后跳转:

技术分享图片

 

编程式路由

原文:https://www.cnblogs.com/wy5132/p/10502267.html

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