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

Question

根据我所看到vue-good-table documentationn的，不right-click存在任何事件，只有单击、dbl-click、mouseEnter ..

我需要为每一行打开一个上下文菜单right-click。有人对如何解决问题有任何建议吗？

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>

有关更多说明，请检查此代码