路由器链接在vuetable？

Question

我在项目中使用了vuetable 2。在这个表中，我从json获取数据。有必要这样做，例如： 订单中有一列，其中包含ORD1231 **等信息。当您单击其中一个单元格时，订单将转到另一个具有动态ID的页面。实际上是一个问题，如何在vuetable推送路由器链接？

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属性访问您的数据。