vue之路由的使用(一)

kk(就是本人啦)刚用vue做完一个项目,想着闲暇的时间对用到的常用功能做个小总结,方便复习的同时也能和各位大神进行交流讨论吐舌头

(关于路由的方法还有很多,本次就先讨论其中一种实现方式,后面kk会逐渐做补充完善的哈~~~)

​1:点击按钮,跳转到任意页面(不传参)

方法: this.$router.push({path:'xxx');

案例代码分享如下:

  这是html部分这是html部分

  这是js部分这是js部分

​注:go函数写在methods方法里。

2:点击按钮,跳转到任意页面(传参)

 方法:this.$router.push({path:'xxx',query:{aa:xx, bb: xx}}); 

在query中放入需要传递的参数即可,多个参数之间用逗号隔开;

取值:this.$route.query.xx   (可在跳转的页面取得所传递的值);

扫描二维码关注公众号,回复: 4040894 查看本文章

 案例代码分享如下:

案例需求:在‘产品追溯’页面点击某一条‘查看’跳转到‘在制品管理’页面,‘在制品’页面要求显示出查看对应那条炉次号的在制品详细信息。

效果展示:

  这是产品追溯页这是产品追溯页

  注意传过来的参数,在链接中显示了注意此时传过来的参数,在链接中显示了

 

 

 

 



版权声明:本文为博主原创文章,未经博主允许不得转载。

猜你喜欢

转载自blog.csdn.net/zhangkeke_/article/details/79730930