如何在 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 可以是计算的、数据、道具或任何其他反应属性。