我有一个包含<b-card>
组件的组件,如下所示:
<b-card :title="post.title">
<p class="card-text">{{ post.body }}</p>
</b-card>
如何将卡片标题设为可点击链接?也就是说,我可以使用:title=
设置文本,但不存在用于将文本包装在<a href="">
标记中的参数。
答案 0 :(得分:5)
您可以使用title
选项停用sub-title
和no-body
的呈现。然后,你可以自己实现身体。
<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>