Vxe-table @cell-click 事件中，传递给处理函数的入参对象

在 vxe-table 的 @cell-click 事件中，传递给处理函数的对象包含了丰富的信息，可以帮助你了解用户点击的单元格的详细情况。根据 vxe-table 的文档和使用惯例，这个对象通常包含以下属性：

主要属性

• row: 当前行的数据对象。
• $rowIndex: 当前行的索引（从0开始）。
• column: 当前列的信息对象，其中包含：
  • field: 列绑定的数据字段名。
  • title: 列标题。
  • 等其他列配置项...
• $columnIndex: 当前列的索引（从0开始）。
• cell: 当前点击的单元格的DOM元素。
• $event: 原生的鼠标事件对象。

示例代码

这里有一个示例，演示了如何利用这些信息：

解释

• params.row: 包含当前行的所有数据。
• params.$rowIndex: 当前行在整个表格中的位置（从0开始计数）。
• params.column: 包含有关列的信息，如 field（对应的数据字段）、title（列标题）等。
• params.$columnIndex: 当前列的位置（从0开始计数）。
• params.cell: 当前被点击的单元格对应的DOM元素，可用于直接操作DOM。
• params.$event: 原生的鼠标事件对象，可以用来获取更多关于点击事件的信息，比如鼠标按键、坐标等。

通过这种方式，你可以非常灵活地根据用户的交互来执行相应的逻辑。例如，基于点击的列或行来更新状态、导航到不同的页面或者显示详细的编辑界面等。