href标记破坏vue模板组件

Question

我正试图在我的vue模板中添加一个带有变量的href链接，由于某种原因，它一直在中断，我不知道为什么，它试图将其作为变量而不是链接引用。问题在于"/发布/更新"；href。"/view user/+post.user.id"；工作良好

<template>
<div id="content">
<div class="post">
<h3>{{post.title}}</h3>
<p>{{post.content}}</p>
<a :href="/view-user/ + post.user.id">
{{post.user.username}}
</a>
<p>{{ post.created_at.split(".")[0] }}</p>
<a :href="/post/update/ + post.id">Edit</a>
</div>
<hr>
<comment :id="id"/>
</div>

Answer 1

href值的静态部分应由''包装为字符串：

<a :href="'/view-user/' + post.user.id">

或字符串模板：

<a :href="`/view-user/${post.user.id}`">

在您的情况下，它被计算为表达式。