如何使用Vuetables VUE.JS在每行上添加HREF链接

Question

尽管我读过有关组件和插槽的信息，但我一直在使用VUEJS Vuetables，但我无法弄清楚如何在每行上添加具有以下结构的链接：

HeightRequest

1-我创建了一个列

<td class="text-center">
<a href="{{ url('/order/'.$order->id) }}" class="btn btn-outline btn-danger btn-lg"><i class="fas fa-globe"></i>
</a>
</td>

2-我创建了gcpaction组件：

        data: {
            columns: [
                {
                    name: '__component:gcp-actions',
                    title: 'Actions',
                    titleClass: 'text-center',
                    dataClass: 'text-center'
                }

我尝试使用<template> <div class="custom-actions"> <a v-bind:href="rowData.view" v-if="show" class="btn btn-flat bg-green btn-sm"><i class="glyphicon glyphicon-zoom-in"></i></a> <button class="btn btn-flat bg-red btn-sm" @click="itemAction('delete-item', rowData, rowIndex)"><i class="glyphicon glyphicon-trash"></i></button> </div> </template> 和<a>

3-我在表格中注册了该组件：

<button>

4-渲染时，我可以看到整个表格，但是看不到表格中的组件：

import GcpActions from './GcpActions'
Vue.component('gcp-actions', GcpActions)

任何帮助表示赞赏。