라우터 링크 vuetable?

Question

프로젝트에서 vuetable 2를 사용합니다. 이 표에서 json의 데이터를 가져옵니다. 예를 들어, 다음을 수행해야합니다. ORD1231 ** 정보에 주문할 열이 있습니다. 셀 중 하나를 클릭하면 순서가 동적 ID가있는 다른 페이지로 이동합니다. 사실 질문에, 어떻게 라우터 링크를 밀어 vuetable에?

Answer 1

사용자 라우터 링크에 __slot 특수 필드를 사용할 수 있습니다. 당신의 <vuetable> 내부

는, 당신은 props.rowData 및 props.rowIndex 속성을 사용하여 데이터를 액세스 할 수있는 스크립트

data() { 
    return { 
    fields: { 
     { 
     name: '__slot:code' 
     title: 'Your Title' 
     } 
    } 
    } 
} 

에

<vuetable ref="vuetable" :fields="fields"> 
    <template slot="code" slot-scope="props"> 
     <router-link :to="props.rowData.code"> 
      {{ props.rowData.code }} 
     </router-link> 
    </template> 
</vuetable> 

및 <template slot=()>를 사용합니다.