如何通过Vue路由实现不同界面间的参数传递和跳转？
- 内容介绍
- 相关推荐
本文共计1214个文字，预计阅读时间需要5分钟。
最近完成了一个公众号商城项目，主要用到了VUE和MUI框架。对于有项目经验的开发者来说，这可能是最基础的，但也必不可少。今天，小编写了一些总结，主要记录了以下内容：下传和跳转的一些总结。
最近在做一个公众号的商城项目，主要用的VUE+MUI，其实今天这个点对于有过项目经验的前端工作者来说是最基础的，但也是必须要掌握的，今天小编主要是记录下传参和跳转的一些总结（仅供参考）。
首先我们先上代码吧！
<router-link :to="{path:'/editaddress',query:{ id:item.id }}"> <div class="top_left_center"> <img src="/static/images/details/location.png" alt="" class="location_img"> <span style="color:#f40;font-size:15px;">点击编辑</span> </div> </router-link>
这个是我常用的传参及跳转路由的方法，下面剪短说一下这个代码，在router-link中:to后面跟着的就是主角（跳转、传参）的内容了，其实我们在从后台拿到数据遍历后，每一个对应的id都会有，这里用的query:{id:item,id},其实就是把遍历对应的id传到path
对应的那个界面，这个常出现在列表页到详情页页这里（当然不只是这里了，其他地方用的很多很多）。
本文共计1214个文字，预计阅读时间需要5分钟。
最近完成了一个公众号商城项目，主要用到了VUE和MUI框架。对于有项目经验的开发者来说，这可能是最基础的，但也必不可少。今天，小编写了一些总结，主要记录了以下内容：下传和跳转的一些总结。
最近在做一个公众号的商城项目，主要用的VUE+MUI，其实今天这个点对于有过项目经验的前端工作者来说是最基础的，但也是必须要掌握的，今天小编主要是记录下传参和跳转的一些总结（仅供参考）。
首先我们先上代码吧！
<router-link :to="{path:'/editaddress',query:{ id:item.id }}"> <div class="top_left_center"> <img src="/static/images/details/location.png" alt="" class="location_img"> <span style="color:#f40;font-size:15px;">点击编辑</span> </div> </router-link>
这个是我常用的传参及跳转路由的方法，下面剪短说一下这个代码，在router-link中:to后面跟着的就是主角（跳转、传参）的内容了，其实我们在从后台拿到数据遍历后，每一个对应的id都会有，这里用的query:{id:item,id},其实就是把遍历对应的id传到path
对应的那个界面，这个常出现在列表页到详情页页这里（当然不只是这里了，其他地方用的很多很多）。