vue 获取路径上的参数值

原创已于 2023-03-31 14:04:11 修改 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端框架 #前端

于 2023-03-22 14:43:59 首次发布

uniapp 同时被 3 个专栏收录

24 篇文章

订阅专栏

vuejs效果

18 篇文章

订阅专栏

16 篇文章

订阅专栏

在Vue.js应用中，可以通过this.$route.query直接访问查询参数，例如this.$route.query.product_id。另一种方法是使用uni.navigateTo进行页面跳转，将参数如item编码后传递，然后在onLoad生命周期钩子中解码并解析获取。这两种方式都提供了便利的参数处理方式。

this.$route.query.product_id

你们直接打印

this.$route.query

里面直接点你们的参数名就行了，ok非常的简单

第二种方法

传参

uni.navigateTo({
url:`/pages/myPersonal/info/myadderss/edit_address?item=${encodeURIComponent(JSON.stringify(item))}`,
  });

参数获取

onLoad(option) {
       let item = JSON.parse(decodeURIComponent(option.item));
       console.log(item);
  },
  //this.$route.query.item  这种也是可以换成option.item