如何在URL参数vue js中包含动态内容

Question

我想将参数添加到 href 属性内的 URL。我正在使用 Vue js，这些参数应该是动态的。我该怎么做？

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

或

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

不工作。 Vue 给我一个错误，我应该绑定它。但我也试过了。无法让它发挥作用。什么是正确的方法？我是 Vue js 的新手。

Answer 1

您应该在引号内使用反引号并在 href 上添加数据绑定。

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

在上面，dynamic_content 可以是计算、数据、道具或任何其他反应 属性。