vue2.0路由带参数跳转router-link :to方法

最新推荐文章于 2024-08-25 22:59:34 发布

weixin_30391339

最新推荐文章于 2024-08-25 22:59:34 发布

阅读量200

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wjhaaa/p/9333990.html

本文详细介绍了在Vue项目中如何使用路由进行页面跳转及参数传递的方法，特别针对path和query参数的使用进行了说明，并提供了具体的实现代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<router-link :to="{path:'industry_detail/', query:{id:item.id}}">
  <el-button style="float: right; padding: 3px 0" type="text">
    <span class="el-icon-d-arrow-right"></span>详情
  </el-button>
</router-link>
路由跳转的方法

 path -> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航

query -> 是通过 url 来传递参数的同样是key:value形式传递
在测试过程中发现params不能生效,只有query可以,所以这里我用了query
在跳转后的页面用
```
this.$route.query.id来获取参数
```