读取 URL 查询参数值 (Vue.js)

Question

在 vuejs 回调中 URL 我有一些参数值，我需要读取这个参数值。例如 return url 是：http://localhost:8080/#/sucesspage?encryteddata=abdeshfkkilkalidfel&9a

我试过了this.$route.query.encryteddata但是我得到的是空值。

在vuejs中有没有办法获取param值？

Answer 1

你应该明白 Vue 中的路由查询和路由参数是两个不同的东西。您在路由器中声明路由参数，例如 www.example.com/30 = /:id，然后您可以通过 this.$route.params.id

获取该数据

Url 查询通常类似于 www.example.com/hello?visible=false，您可以使用

获取这些查询

let urlParams = new URLSearchParams(window.location.search);
let myParam = urlParams.get('visible');

您还可以将这 2 项结合起来：例如，获取 ID 为 30 的文章，同时查询告诉您一些其他附加信息。 /30?visible=false

Read URL query param values (Vue.js)