Vue.js 如何向Vuikit（Vuejs）表添加链接？

我已经尽了一切努力让它工作，我正在考虑删除Vuikit

我只是尝试向组件传递一些动态数据，并使用这些数据创建一个新的HREF，同时只显示一个链接可单击的文本元素：）

这是我的桌子：

 <vk-table v-bind:data="paginatedData" narrowed>
            <vk-table-column-select></vk-table-column-select>
            <vk-table-column title="Vendor Name" cell="name"></vk-table-column>

            <vk-table-column title="Link">
                <a v-bind:href="policyUrl"></a>
            </vk-table-column>

            <vk-table-column title="Link2">
                <p cell="policyUrl"></p>
            </vk-table-column>

</vk-table>

最后两列显示了我所做的一些尝试。问题是使用Vuikit时，循环和使用

v-for

不可用，因此必须使用提供的组件

---

请帮忙

我从一位投稿人那里得到了下面这支笔的帮助

HTML

<div id="app" class="uk-padding">

  <vk-table :data="paginatedData" narrowed>
    <vk-table-column-select></vk-table-column-select>
    <vk-table-column title="Vendor Name" cell="name"></vk-table-column>

    <vk-table-column title="Link">
      <a href="mystaticurl">Static URL</a>
    </vk-table-column>

    <vk-table-column title="Link">
      <a slot-scope="{ row }" :href="row.link">{{ row.link }}</a>
    </vk-table-column>

  </vk-table>

</div>

new Vue({
  el: '#app',
  data: () => ({
    paginatedData: [
      {name: 'row1', link: 'link1'},
      {name: 'row2', link: 'link2'}
    ]
  })
})