kk(就是本人啦)刚用vue做完一个项目,想着闲暇的时间对用到的常用功能做个小总结,方便复习的同时也能和各位大神进行交流讨论
(关于路由的方法还有很多,本次就先讨论其中一种实现方式,后面kk会逐渐做补充完善的哈~~~)
1:点击按钮,跳转到任意页面(不传参)
方法: this.$router.push({path:'xxx');
案例代码分享如下:
这是html部分
这是js部分注:go函数写在methods方法里。
2:点击按钮,跳转到任意页面(传参)
方法:this.$router.push({path:'xxx',query:{aa:xx, bb: xx}});
在query中放入需要传递的参数即可,多个参数之间用逗号隔开;
取值:this.$route.query.xx (可在跳转的页面取得所传递的值);
扫描二维码关注公众号,回复:
4040894 查看本文章
案例代码分享如下:
案例需求:在‘产品追溯’页面点击某一条‘查看’跳转到‘在制品管理’页面,‘在制品’页面要求显示出查看对应那条炉次号的在制品详细信息。
效果展示:
这是产品追溯页
注意此时传过来的参数,在链接中显示了
版权声明:本文为博主原创文章,未经博主允许不得转载。