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

Question

在 vuejs 回调 URL 中，我有一些参数值，我需要读取这个参数值。例如返回 url 是:http://localhost:8080/#/sucesspage?encryteddata=abdeshfkkilkalidfel&9a
我试过this.$route.query.encryteddata但我有空值。

有没有办法在 vuejs 中获取参数值？

Answer 1

你应该明白 Vue 中的 Route Queries 和 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');

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