无法在我的引导Vue表中显示<router-link>

Question

我有一个b表，它接收对象数组并显示一个表，该表具有根据对象中的键命名的列。 我正在按照本教程进行操作，我认为我所做的所有事情都完全相同，但是我无法在此表中放置路由器链接。我认为表会覆盖它或其他内容。

我的数据确实有一个名为“ name”的键，我猜这是哪个插槽，所以这应该不是问题。

我在这里将其更改为简单链接，但是router-link组件也不起作用。 我的Vue查看代码：

<template>
  <div>
    <h1>Dogs for adoption:</h1>
    <b-table striped hover :items="items"
      ><span slot="name" slot-scope="data"
        ><a :href="`/pets/${data.index}`">123</a></span
      ></b-table
    >
  </div>
</template>

<script>
import dogData from '../data/DogData.js';
export default {
  data: function() {
    return {
      items: dogData
    };
  },
  methods: {}
};
</script>