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

Question

根据我在 vue-good-table 文档 中看到的，似乎没有 right-click 事件，只有 click、dbl-click 和 mouseEnter 事件。

我需要实现每一行都能够在 right-click 时打开 上下文菜单。是否有人有解决这个问题的建议？

- TinkerBel

Answer 1

你可以使用自定义行模板，并按照以下方式添加@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>

为了更好的解释，请查看 这段代码

- Boussadjra Brahim

---

非常感谢！这正是我正在寻找的。而且很棒。 - TinkerBel

还有一个问题 - 在您的示例中，我看到如果您在行边框非常靠近的地方右键单击，则会出现默认的右键单击菜单，如何隐藏它？... 还有很棒的代码示例！ - TinkerBel

那个div元素应该具有完整的宽度和高度，且在td元素内部没有填充。 - Boussadjra Brahim