vxe-table 右键菜单+权限控制(v3)

 1.menu-config 是用于配置右键菜单的属性。通过 menu-config 属性,定义右键菜单的内容、显示方式和样式。

通过 menu-config 属性配置了右键菜单,其中的 options 属性定义了右键菜单的选项。用户在表格中右键点击时,将会弹出包含这些选项的自定义右键菜单

2.header-cell-menu 是一个用于配置表头单元格菜单的属性。

  通过设置 header-cell-menu 属性为 true 来启用表头单元格菜单。启用后,用户可以在表头右键点击时弹出菜单,进行一些与表头相关的操作,比如排序、筛选等 

 3.cell-menu 是一个用于配置单元格菜单的属性。通过 cell-menu,为单元格添加菜单

 4.menu-click 是一个事件,在用户点击表格的右键菜单项时触发。通过监听 menu-click 事件来处理用户点击右键菜单的操作

 5.footer-method 是一个用于配置表格底部合计行内容的属性

  设置 footer-method 属性为 calculateFooter 方法来自定义底部合计行的内容。在calculateFooter方法中,我们对表格数据进行合计计算,并返回合计值数组。

 6.row-config 是一个用于配置行的属性。通过 row-config,为行设置一些特定的配置,比如当前行、禁用行等 通过设置 row-config 属性为 rowConfig 对象来配置行的属性。





效果

vxe-table 右键菜单+权限控制(v3)_第1张图片

你可能感兴趣的:(前端,javascript,开发语言)