vue 부트스트랩 b-table 셀 내부에 링크 생성

vue 부트스트랩 b-table 셀 내부에 링크 생성

이 질문에는 이미 답변이 있습니다.

Vue 데이터에서 href로 값을 전달하는 방법 (5개의 답변)

닫힘1년 전.

나는 가지고 있다b-table컴포

<b-table responsive 
         hover 
         :items="myItems" 
         :fields="myField">

내 아이템은 백엔드에서 URL을 반환하기 때문에 템플릿으로 하고 싶다.

<template slot="my-link" slot-scope="data">
    <a href="data.item.link">link</a>
 </template>

위의 내용은 효과가 없습니다.

<a href="data.item.link">link</a>

대신

<a href="https://mylink.com">link</a>

다음 방법으로 바인드해야 합니다.v-bind:href="..."또는 곧:href="..."와 함께b-link컴포넌트:

 <template slot="my-link" slot-scope="data">
    <b-link :href="data.item.link">link</b-link>
</template>

데이터를 javascript 개체로 해석하려면 다음을 사용하여 데이터를 지정해야 합니다.v-bind:또는:다른 방법으로는 그냥 끈일 뿐이죠

그래서 당신의 경우에는 다음과 같은 것을 해야 합니다.

<a :href="data.item.link">link</a>

언급URL : https://stackoverflow.com/questions/58063988/create-a-link-inside-vue-bootstrap-b-table-cell