How to include dynamic content in URL parameters vue js

Question

I want to add a parameter to a URL inside a href attribute. I'm using Vue js and those parameters should be dynamic. How can I do this?

<a href="localhost/doctors?{{ dynamic content }}">

or

<a href="localhost/doctors?${"dynamic content"}>

not working. Vue gives me an error that I should bind it. but I tried it too. Couldn't make it work. what is the correct way? I'm a newbie to Vue js.

Lakshya Singh · Accepted Answer · 2021-07-17 05:46:59Z

3

You should use backticks inside the quotes and add data binding on href.

<a :href="`localhost/doctors/${dynamic_content}`">

In the above, the dynamic_content can be a computed, data, props or any other reactive property.

answered Jul 17, 2021 at 5:46

Lakshya Singh

4724 silver badges6 bronze badges

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

1 Answer 1