vue <a> 标签的href属性拼接

Vue <a> tag href attribute splicing

我当前的url是http://localhost:8080/component,在这个页面我有一个<a>标签

<a :href="'/detail/' + comp._id"></a>

确定comp._id时,比如是6221add333182348e1d70104.

我希望 URL 在我点击 link 时跳转到 http://localhost:8080/component/detail/6221add333182348e1d70104

但实际上是http://localhost:8080/detail/6221add333182348e1d70104

我怎样才能做到这一点?

您可以将 /component/ 添加到您的 link。喜欢:<a :href="'/component/detail/' + comp._id"></a>