vue带参数跳转到详情页面,vue列表页点击详情后返回

　　本文主要介绍了Vue列表页面带参数进入详情页的router-link，有很好的参考价值，希望对大家有所帮助。来和边肖一起看看吧。

　　首先，仔细阅读文档！一点一点踩坑~ ~ ~

　　这里介绍参数和查询。

　　1.用params传参

　　列表页面：

　　router-link:to= { name: msg detail ，params: {id: item.msg _ id}} (注意：params用于引用命名的路由，并使用name)

　　/路由器链接

　　该路由配置如下：

　　导出默认新路由器({

　　路线：[

　　{

　　路径：“/msgDetail/:id”，

　　名称：消息详细信息，

　　组件：msgDetail

　　}

　　]

　　详细信息页面接收参数：

　　这个。$route.params.id(注意：这是$route，不是$router)

　　2.用query传参

　　列出组件：

　　router-link:to= { path:/msg detail ，query: {id: item.msg _ id}} (注意：这里是用query传递参数时用查询参数的路径)

　　/路由器链接

　　该路由配置如下：

　　导出默认新路由器({

　　路线：[

　　{

　　路径：“/msgDetail”，

　　名称：消息详细信息，

　　组件：msgDetail

　　}

　　]

　　详细信息页面接收参数：

　　这个。$route.query.id(注意：这是$route，不是$router)

　　补充知识：vue+element解决点击table列表的从详情或修改页面跳转路由到列表页总是跳转到第一页，而不能跳转到当前页的问题

　　想法：

　　将当前页面的当前页面编号保存到会话中，然后单击“详细信息”跳转到详细信息页面，然后，当再次返回当前页面时，在创建的生命周期中获取存储的当前页面，然后加载它。

　　以上Vue列表页面带参数进入详情页的操作(router-link)都是边肖分享的内容。希望给大家一个参考，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。