javascript - vue-good-table 行上是否有右键单击事件以显示上下文菜单？

Question

根据我在vue-good-table documentationn中看到的不存在右键单击事件，只有单击、dbl-click、mouseEnter..

我需要在右键单击 时为每一行打开一个上下文菜单。有人对如何解决问题有任何建议吗？

Answer 1

你可以使用 Custom row template并添加 @contextmenu 事件如下:

<vue-good-table :columns="columns" :rows="rows">
  <template slot="table-row" slot-scope="props">

      <div @contextmenu.prevent="openMenu($event,props.row)" >
           {{props.formattedRow[props.column.field]}}
       </div> 

  </template>
</vue-good-table>

如需更多说明，请查看此 code