Vue.js 获取行元素表单row.clicked事件

我使用的是Bootstrap Vue中的表，我试图在单击行时显示行详细信息

正如文档所说，我使用了

row clicked

事件，但是我没有使用

toggleDetails

方法找到任何行详细信息。 所以我甚至不知道如何打开它，以及

toggleDetails

的来源

有一种方法可以使用

行打开此详细信息行。是否单击了
事件

或者我应该用另一种方法来做这件事

你有什么线索吗

编辑

有一些代码更详细地说明了我的问题，这是我的表中的details行


{{row.item.message}
{{row.item.message}}

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

方法：{
测试（项目、索引、事件）{
日志（项目、索引、事件）；
},
},
您所要做的就是在“基本”行的某个位置（可能在一个名为“操作”的行单元格中）放置一个按钮，该按钮调用此特定行的
切换详细信息
函数

此按钮和详细信息行的代码应如下所示：


{{row.Details显示？'Hide'：'Show'}详细信息

您可以在中找到更多示例和解释

如果要通过单击行中的任意位置来显示行详细信息，首先应向每个项目对象添加一个
\u showDetails
变量：

项目：[
{foo:true，bar:40，_showDetails:false}，
...
{foo:true，bar:100，_showDetails:false}
]

然后，您只需为单击的行事件添加适当的功能：



在组件方法中：

方法：{
onRowClicked（项目、索引、事件）{
项目。_showDetails=！项目。_showDetails；
}
}
显示更多代码，以便我们更好地理解问题。@skribe我添加了一些代码来说明。取消标记D，因为它似乎与D编程语言没有任何关系……是的，很好的捕获，这是一个失败标记。是的，我知道我可以在您编写时用按钮触发打开详细信息。但我试图在单击行上的任意位置时打开此行详细信息。我编辑我的帖子也是为了回答您的特定问题。请确保在创建每个项目对象时添加“_showDetails”变量，否则请注意Vue反应性警告是的，这就是我所做的，工作正常，谢谢此解决方案用于哪个版本的BV？v2.2对我不起作用。