vuetable 中的路由器 link？

Question

我在项目中使用vuetable2。在这个 table 中，我从 json 中获取数据。有必要做，例如：有一个订单列，其中包含信息 ORD1231 ** 等等。当您单击其中一个单元格时，订单会转到另一个具有动态 ID 的页面。其实一个问题，如何在vuetable中推送router-link?

Answer 1

您可以使用 __slot 特殊字段来用户路由器链接。

在您的 <vuetable> 中，使用 <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'
      }
    }
   }
}

您可以使用 props.rowData 和 props.rowIndex 属性访问您的数据。

vuetable 中的路由器 link？

Router link in vuetable?

vue-router

vuejs2

vue-tables-2