每当用户单击我的 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上的示例在两种浏览器中都可以正常工作。所以这似乎是一个本地问题?
谢谢你的帮助 :)