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

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

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

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

案例代码分享如下:

 vue之路由的使用(一)这是html部分

 vue之路由的使用(一)这是js部分

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

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

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

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

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

 案例代码分享如下:

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

效果展示:

 vue之路由的使用(一)这是产品追溯页

 vue之路由的使用(一)注意此时传过来的参数,在链接中显示了

 vue之路由的使用(一)

 vue之路由的使用(一)

 vue之路由的使用(一)

 vue之路由的使用(一)



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

相关文章: