Ссылка на роутер в vuetable?

Question

Я использую vuetable 2 в проекте. В этой таблице я беру данные из JSON. Это необходимо сделать, например: Есть столбец Order, в нем информация ORD1231 ** и так далее. При нажатии на одну из ячеек заказ переходит на другую страницу с динамическим идентификатором. Собственно вопрос, как в 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 атрибутов.