小编Ada*_*ppe的帖子

我正在使用 Bootstrap Vue 中的 Table，并且我试图在单击一行时显示行详细信息。

row-clicked正如文档所说，我使用了事件，但我没有找到任何带有toggleDetails方法的行详细信息。所以我什至不知道如何打开它以及toggleDetails从哪里来。

有没有办法用row.clicked事件打开这个详细信息行？

或者我应该使用另一种方法来做到这一点？

你有什么线索吗？

编辑

有一些代码可以更详细地说明我的问题，有我的表和详细信息行。

<b-table
  v-if="items"
  :items="items"
  :fields="fields"
  show-empty
  striped
  hover
  responsive
  empty-text="There is no messages to show"
  class="col-sm-12 col-md-10"
  @row-clicked="test"
>
  <template
    slot="message"
    slot-scope="row"
  >
    {{ row.item.message }}
  </template>
  <template
    slot="row-details"
    slot-scope="row"
  >
    <code>{{ row.item.message }}</code>
  </template>
</b-table>

您可以看到row.clicked我在表上使用的事件，然后是我尝试打开行详细信息的方法。这是一个带有一些 console.log 的简单方法

methods: {
  test(item, index, event) {
    console.log(item, index, event);
  },
},