行单击，行dbl单击在我的B表中工作正常，但行上下文菜单事件不起作用。还有什么办法可以把它做好吗？

Question

在我的vue项目中，我使用bootstrap vue数据表。行单击、行 dbl单击的事件在我的 b 表中工作正常，但行上下文菜单事件不起作用。还有什么可以做的吗???

Answer 1

这里有一个非常简单的JSFiddle，希望它能展示如何在Bootstrap-Vue <b-table>中使用row-contextmenu事件：

https://jsfiddle.net/adlaws/84onvtam/

如您所见，它没有太多内容。基本上，您的表定义如下所示：

<b-table 
     :items="items"
     @row-contextmenu="handleContextMenuEvent">
</b-table>

。JavaScript 处理程序函数(在methods部分(如下所示：

handleContextMenuEvent(item, index, event)
  {
    // stop browser context menu from appearing
    event.preventDefault();
    // log the selected item to the console
    console.log(item);
  }

在 JSFiddle 中，每次右键单击某个项目时，都应看到控制台日志记录输出。

我希望这有所帮助！