elementUi中的el-table合计行添加点击事件

elementUi 文档中，合计行并没有点击事件，这里自己实现了合计行的点击事件。

  created() {this.propertyList = [{ property: 'order', label: '序号' },{ property: 'deptName', label: '单位名称' },{ property: 'contentPublishQuantity', label: '文章数量' },{ property: 'readQuantity', label: '浏览量' },{ property: 'likeQuantity', label: '点赞量' },{ property: 'collectionQuantity', label: '收藏量' },]},mounted() {let that = thissetTimeout(() => {const footerWrapper = this.$el.querySelector('.el-table__footer-wrapper');const cells = this.$el.querySelectorAll('.el-table__footer-wrapper td .cell');// 给文章数量和收藏量添加样式let clickIndex = [2,5]if (cells.length) {cells.forEach((cell, index) => {if (clickIndex.includes(index)) {cell.style.color = '#409EFF'cell.style.cursor = 'pointer'}})}// 在合计行添加点击事件footerWrapper.addEventListener('click', (event) => {// 检查点击事件是否发生在合计行的单元格上const targetCell = event.target.closest('.el-table__cell');if (targetCell) {// 获取点击的列索引const columnIndex = Array.from(targetCell.parentNode.children).indexOf(targetCell);if (columnIndex !== -1) {console.log('当前点击项:',that.propertyList[columnIndex])}}});}, 500)},