Bootstrap-Vue <b-card /> 标题为 Link
Bootstrap-Vue <b-card /> With Link In Title
我有一个包含 <b-card>
组件的组件,如下所示:
<b-card :title="post.title">
<p class="card-text">{{ post.body }}</p>
</b-card>
如何使卡片标题可点击 link?也就是说,我可以使用 :title=
设置文本,但不存在用于将文本包装在 <a href="">
标记中的参数。
您可以使用 no-body
选项禁用 title
和 sub-title
的渲染。然后,您可以自己实现正文。
<b-card no-body>
<b-card-body>
<b-link to="/">
<h4>{{ post.title }}</h4>
</b-link>
<p class="card-text">{{ post.body }}</p>
</b-card-body>
</b-card>
我有一个包含 <b-card>
组件的组件,如下所示:
<b-card :title="post.title">
<p class="card-text">{{ post.body }}</p>
</b-card>
如何使卡片标题可点击 link?也就是说,我可以使用 :title=
设置文本,但不存在用于将文本包装在 <a href="">
标记中的参数。
您可以使用 no-body
选项禁用 title
和 sub-title
的渲染。然后,您可以自己实现正文。
<b-card no-body>
<b-card-body>
<b-link to="/">
<h4>{{ post.title }}</h4>
</b-link>
<p class="card-text">{{ post.body }}</p>
</b-card-body>
</b-card>