Bootstrap-Vue ‹b-card /› со ссылкой в ​​заголовке

У меня есть компонент, содержащий <b-card> компонент вроде этого:

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

Как сделать заголовок карточки интерактивной ссылкой? То есть я могу установить текст с помощью :title=, но не существует параметра для обертывания текста в тег <a href="">.


vuejs2 vue-component bootstrap-vue
person David    schedule 14.03.2018    source источник

Ответы (1)


arrow_upward
18
arrow_downward

Вы можете отключить рендеринг 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>
person Quoc-Anh Nguyen    schedule 16.03.2018