本文详细介绍了在Vue.js项目中如何使用两种不同的方式传递参数：一种是通过查询字符串的方式（如http://localhost:8081/#/test?name=1），另一种是通过路径参数的方式（如http://localhost:8081/#/test/1）。文章提供了具体的代码示例，包括如何使用`router-link`组件设置链接，并解释了如何在组件中获取这些参数。
1.路径：http://localhost:8081/#/test?name=1
<router-link :to="{path:'/test',query: {name: id}}">跳转</router-link>(id是参数)
使用：this.$route.query.id
2.路径：http://localhost:8081/#/test/1
<router-link :to="'/test/'+id">跳转</router-link>(id是参数)
路由：
使用：this.$route.params.id（这个id给上图路由的配置有关）
this.$route是一个数组，里面包含路由的所有信息
注意：router-link中链接如果是‘/’开始就是从根路由开始，如果开始不带‘/’，则从当前路由开始
扫一扫
1099
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
