vue-获取url参数

最新推荐文章于 2025-11-05 23:52:49 发布

原创最新推荐文章于 2025-11-05 23:52:49 发布 · 458 阅读

0 ·

CC 4.0 BY-SA版权

VUE 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了在Vue.js项目中如何使用路由进行参数传递及接收的方法。通过具体代码示例展示了如何利用$router.push方法携带参数，并在目标页面中通过this.$route.query对象来获取这些参数。

url：
http://localhost:8080/#/test?session=AE6E96A890C53461629EA4AEA8A9B5A2&levelvalue=%25E4%25B9%259D%25E4%25BA%25AD%25E4%25B8%25AD%25E9%2598%259F&scopelevel=detachment

传参

this.$router.push({
 path: '/', query: {
    session: this.session,
    scopelevel: this.scopelevel,
    levelvalue: this.levelvalue,
    longitude: this.longitude,
    latitude: this.latitude
  }
});

接收

let session = decodeURI(this.$route.query.session)
let levelvalue = decodeURI(this.$route.query.levelvalue)
let scopelevel = decodeURI(this.$route.query.scopelevel)
console.log(session) // AE6E96A890C53461629EA4AEA8A9B5A2
console.log(levelvalue) // 九亭中队
console.log(scopelevel) // detachment