Я хотел бы открыть пользовательское контекстное меню всякий раз, когда пользователь нажимает на ячейку таблицы на моей странице vue. Поэтому я пытаюсь использовать событие row-contextmenu
, как определено здесь , но оно не срабатывает.
Таблица в шаблоне:
<b-table @row-clicked="leftClicked" @row-contextmenu.prevent="rightClicked" border no-border-collapse striped :fields="fields" hover :items="items"></b-table>
Vue method:
rightClicked(item, index, evt) {
debugger;
// Prevent native OS/Browser context menu showing
evt.preventDefault()
// Log the event
alert('right clicked row ' + index, evt.type)
}
Стандартное событие row-clicked
работает нормально и срабатывает, когда я щелкаю левой кнопкой мыши по любой строке в таблице. Однако событие row-contextmenu
даже не запускается, и появляется стандартное контекстное меню браузера (Chrome & Firefox). В консоли Chrome.
нет ошибок. Спасибо за любую помощь:)