如何在vuejs中读取URL查询参数值

Question

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

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

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

Answer 1

你应该明白 Vue 中的 Route Querys 和 Route Params 是两个不同的东西。您在路由器中声明 Route params 例如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 项组合起来，例如在30查询告诉您一些其他附加信息时使用ID 获取文章。/30?visible=false