ルータのリンクはvuetableにありますか？

Question

私はプロジェクトでvuetable 2を使用しています。この表では、jsonからデータを取得します。たとえば、次のようにする必要があります。 注文する列があり、情報にはORD1231 **などがあります。セルの1つをクリックすると、その注文は動的IDを持つ別のページに移動します。実際に質問、どのようにvuetableルータのリンクをプッシュするには？

Answer 1

__slotは、ユーザのルータリンクに対して特別なフィールドを使用できます。あなたの<vuetable>インサイド

、あなたがprops.rowDataとprops.rowIndex属性を使用してデータにアクセスすることができます<template slot=()>

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

とスクリプトで

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

を使用しています。