Vue表行-contextmenu事件未触发?

时间:2020-04-27 07:28:43

标签: vue.js vue-events

每当用户单击我的Vue页面中的表格单元时,我都想打开一个自定义上下文菜单。因此,我尝试使用定义为hererow-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(Chrome和Firefox),@row-contextmenu.prevent事件甚至都不会被触发,并且会显示标准的浏览器上下文菜单。两种浏览器的控制台都没有错误。

bootstrap-vue和jsfiddles上的示例在两种浏览器中都能正常工作。看来这是本地问题?

感谢您的帮助:)

1 个答案:

答案 0 :(得分:0)

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