Пользовательский интерфейс элемента: отправка события по клику

Question

Есть ли способ выдать событие (желательно с теми же параметрами, что и при щелчке по заголовку), когда щелчки сортировки щелкаются по таблице с сортируемыми столбцами?

Я могу создать событие, щелкнув заголовок любого сортируемого столбца (щелчок заголовка), но при щелчке по символам сортировки ничего не происходит.

Answer 1

Я могу создать событие, щелкнув заголовок любого сортируемого столбца (щелчок заголовка), но при щелчке по знакам сортировки ничего не происходит.

это ожидаемое поведение, кажется, вы находитесь после события sort-change, которое запускается при изменении сортировки таблицы:

<template>
  <el-table @sort-change="sortChange" @header-click="headerClick" :data="tableData" :default-sort="{prop: 'date', order: 'descending'}" style="width: 100%">
    <el-table-column prop="date" label="Date" sortable width="180">
    </el-table-column>
    <el-table-column prop="name" label="Name" sortable width="180">
    </el-table-column>
    <el-table-column prop="address" label="Address" sortable :formatter="formatter">
    </el-table-column>
  </el-table>
</template>



<script>
export default {
 data() {
      return {
        tableData: [{
          date: '2016-05-03',
          name: 'Tom',
          address: 'No. 189, Grove St, Los Angeles'
        },
        //...
       ]
      }
    },
    methods: {
      sortChange(sortProps){
          this.headerClick(sortProps.column,event) //optional: trigger header-click event
      },
      headerClick(column, event){
        console.log("Header clicked: " + JSON.stringify(column))
      }
    }
}
</script>

Демо