如何在Vue.js中读取URL查询参数值

Question

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

我已经尝试过this.$route.query.encryteddata，但是我得到的值为空。

有什么方法可以在vuejs中获取参数值吗？

Answer 1

您应该了解Vue中的Route Query和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的“ Article”（文章），同时让查询告诉您其他一些信息。 /30?visible=false