Read URL query param values (Vue.js)

Question

In vuejs callback URL I've some parameter value and I need to read this param value. For example the return url is: http://localhost:8080/#/sucesspage?encryteddata=abdeshfkkilkalidfel&9a

I have tried this.$route.query.encryteddata but I'm got null value.

Is there any way to get the param value in vuejs?

YakovL · Accepted Answer · 2022-02-06 08:02:23Z

21

You should understand that Route Queries and Route Params in Vue are 2 different things. You declare Route params in your Router for example www.example.com/30 = /:id, then you can get that data via this.$route.params.id

The Url Queries usually look like www.example.com/hello?visible=false and you can grab those with

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

You can also combine these 2: for example getting on the Article with the ID of 30 while having a query telling you some other additional info. /30?visible=false

edited Feb 6, 2022 at 8:02

YakovL

8,44813 gold badges74 silver badges117 bronze badges

answered Oct 1, 2018 at 9:02

niclas_4

3,6761 gold badge25 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Read URL query param values (Vue.js)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related