Vue table row-contextmenu 事件未触发？

Question

每当用户单击我的 vue 页面中的表格单元格时，我想打开一个自定义上下文菜单。所以我尝试使用row-contextmenu 定义的here 事件，但它不会触发。

模板中的表格：

<b-table @row-clicked="leftClicked" @row-contextmenu="rightClicked" border no-border-collapse striped :fields="fields" hover :items="items"></b-table>

Vue 方法：

leftClicked() {
    alert("clicked");
},
rightClicked() {
    alert("right clicked")
}

标准的row-clicked 事件可以正常工作，并在我左键单击表格中的任何行时被触发。 row-dblclicked 也可以正常工作。但是，即使我使用@row-contextmenu.prevent（Chrome 和 Firefox），row-contextmenu 事件甚至都不会被触发，并且会出现标准的浏览器上下文菜单。两种浏览器的控制台都没有错误。

bootstrap-vue 和 jsfiddles 上的示例在两种浏览器中都能正常工作。所以这似乎是一个本地问题？

感谢您的帮助:)

Answer 1

原来我的 bootstrap-vue 版本太旧了。我升级到 2.14.0，一切正常。