Linking a row in a table to a url Linking a row in a table to a url vue.js vue.js

Linking a row in a table to a url


The table component emits a row-click event that you can listen to. It gives you the row that was clicked. I suggest, instead of trying to use a link, you listen for the event and navigate where you want.

Here is the updated template.

<v-client-table :data="tableData" :columns="columns" @row-click="onRowClick">

And in the method:

onRowClick(event){  window.location.href = `/edit/hello-${event.row.id}`}

Example.