vue同一路由控制不同页面跳转_Vue.js路由对不同界面进行传参及跳转的总结

Vue.js路由对不同界面进行传参及跳转的总结

发布于 2020-7-25|

复制链接

摘记: 最近在做一个公众号的商城项目，主要用的VUE+MUI，其实今天这个点对于有过项目经验的前端工作者来说是最基础的，但也是必须要掌握的，今天小妖主要是记录下传参和跳转的一些总结(仅供参考)。首先我们先上代码吧！

```xhtml

..

最近在做一个公众号的商城项目，主要用的VUE+MUI，其实今天这个点对于有过项目经验的前端工作者来说是最基础的，但也是必须要掌握的，今天小编主要是记录下传参和跳转的一些总结(仅供参考)。首先我们先上代码吧！

```xhtml

点击编辑

```

这个是我常用的传参及跳转路由的方法，下面剪短说一下这个代码，在router-link中:to后面跟着的就是主角(跳转、传参)的内容了，其实我们在从后台拿到数据遍历后，每一个对应的id都会有，这里用的query:{id:item,id},其实就是把遍历对应的id传到path对应的那个界面，这个常出现在列表页到详情页页这里(当然不只是这里了，其他地方用的很多很多)。对于传参的方式还是要说下的多余的：query和params：a.像这种:to="{path:'/editaddress',query:{ id:item.id }}是query进行传值；这种:to="{path:'/editaddress',params:{ id:item.id }},两种方式传值没什么差别，但比如在详情页引入值时this.paramsid