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

【问题标题】：Read URL query param values (Vue.js)读取 URL 查询参数值 (Vue.js)
【发布时间】：2019-03-06 08:28:28
【问题描述】：

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

我尝试了this.$route.query.encryteddata，但我得到了空值。

有什么方法可以获取vuejs中的param值吗？

【问题讨论】：

【解决方案1】：

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

网址查询通常看起来像www.example.com/hello?visible=false，您可以使用

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

您也可以将这两个结合起来，例如使用 ID 为 30 的文章，同时查询告诉您一些其他附加信息。 /30?visible=false

【讨论】：