제목에 링크가 있는 Bootstrap-Vue

제목에 링크가 있는 Bootstrap-Vue

다음 컴포넌트가 포함되어 있습니다.<b-card>컴포넌트는 다음과 같습니다.

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

카드 제목을 클릭 가능한 링크로 만들려면 어떻게 해야 합니까?즉, 텍스트를 설정할 수 있습니다.:title=그러나 텍스트를 줄바꿈하는 파라미터는 존재하지 않습니다.<a href="">태그를 붙입니다.

의 렌더링을 디세블로 할 수 있습니다.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>

언급URL : https://stackoverflow.com/questions/49281100/bootstrap-vue-b-card-with-link-in-title