Vue table 行上下文菜单事件未触发？

Question

我想在用户单击我的 vue 页面中的 table 单元格时打开自定义上下文菜单。所以我正在尝试使用定义为 here 的 row-contextmenu 事件，但它没有触发。

Table 模板中：

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

bootstrap-vue 和 jsfiddles 上的示例在两种浏览器中都可以正常工作。所以好像是本地问题？

感谢您的帮助:)

Answer 1

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

Vue table 行上下文菜单事件未触发？

Vue table row-contextmenu event not firing?

vue.js

vue-events