vuejs2 - 引导程序-Vue标题中带有链接

Question

我有一个包含这样的<b-card>组件的组件：

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

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

Answer 1

您可以禁用title和sub-titlewithno-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>