在vue好表行上是否有右键单击事件来显示上下文菜单？

Question

根据我在vue-good-table documentationn中看到的，没有right-click事件存在，只有单击、dbl、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>

要获得更多澄清，请查看此代码