Hello.

I have already worked on the issue you raised. My solution to your problem is described below:

In the UserResource.php file add new field:

'action' => [
'view' => route('users.show', $this->id),
'edit' => route('users.edit', $this->id)
];

Now your api sends the link to view / edit the item.

Next inside data table component:

<tr v-for="(data, key1) in tableData" :key="data.id" class="m-datatable__row" v-else>         
 <td>{{ serialNumber(key1) }}</td>          
  <td v-for="(value, key) in data">{{ value }}</td> 
  <td v-if="key==='action'>
    <a :href="value.view">View</a> 
    <a :href="value.edit">View</a>
  </td> 
</tr>

This is not the exact code but you can try to get the desired result.

Hope this helps.