标题中带有链接

【问题标题】：Bootstrap-Vue <b-card /> With Link In TitleBootstrap-Vue <b-card /> 标题中带有链接
【发布时间】：2018-08-23 04:20:18
【问题描述】：

我有一个包含 <b-card> 组件的组件，如下所示：

<b-card :title="post.title">
  <p class="card-text">{{ post.body }}</p>
</b-card>

如何使卡片标题成为可点击的链接？也就是说，我可以使用:title= 设置文本，但不存在将文本包装在<a href=""> 标记中的参数。

【问题讨论】：

标签： vuejs2 vue-component bootstrap-vue

【解决方案1】：

您可以使用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>

【讨论】：