0

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

模板中的表格:

<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即使我使用@row-contextmenu.prevent(Chrome 和 Firefox),该事件甚至都不会被触发,并且会出现标准的浏览器上下文菜单。两种浏览器的控制台都没有错误。

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

谢谢你的帮助 :)

4

1 回答 1

0

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

于 2020-05-19T07:43:31.847 回答