Bootstrap Vue:在B-Table插槽内使用Vue Router

时间:2018-06-13 09:37:59

标签: vue.js vuejs2 bootstrap-vue

我一直在尝试将动态链接传递给Bootstrap Vue表中的行,并且迄今为止失败了。文档说b-link元素应该与Vue Router一起使用,但是尽管尝试了几种配置,我似乎无法让它工作。

以下是我使用过的一些插槽:

<template slot="birthdate" slot-scope="row">{{ row.value | date }}</template>
<template slot="current-school" slot-scope="row">
  <b-link @click.stop="" :to="{ name: 'EditSchool', params: { id: row.route }}">{{ row.value }}</b-link>
</template>

birthdate呈现应有的效果。 current-school呈现学校,但没有链接。当我检查元素时,row.value被包含在<td>元素中,没有链接。

我确信/希望我只是在某种程度上错误配置,但我尝试过多种变体,包括使用router-link代替b-link等等,但没有一种有效。

如果有人有想法,我会非常感谢你的帮助。

0 个答案:

没有答案