时间戳

首页 > 解决方案 > 读取 URL 查询参数值 (Vue.js)

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

问题描述

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

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

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

标签： javascriptvue.jsurlcallbackurl-parameters

解决方案

你应该明白 Vue 中的 Route Queries 和 Route Params 是两个不同的东西。例如，您在路由器中声明 Route 参数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

推荐阅读