vuejs2 - vuetable中的路由器链接？

Question

我在项目中使用 vuetable 2。在这张表中，我从 json 中获取数据。必须要做的，例如：有一个列要Order，里面有信息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属性访问您的数据。