解决Elementui使用table组件添加sortable进行排序，遇到sort-change事件报Cannot destructure property ‘column‘ of ‘undefind

项目场景：

Vue2.0+Eleementui使用table组件想要对table组件的某个列名进行远程排序。

问题描述

Vue2.0和Elementui配合一起使用，使用table组件，想要对组件某个列名进行排序，elementui使用文档是这样说明的，对应列是否可以排序，如果设置为 ‘custom’，则代表用户希望远程排序，需要监听 Table 的 sort-change 事件；


可我在组件中使用sort-change 事件，却报如下的错误：
<el-table
:data=“tableData”
style=“width: 100%”
:border=“border”
:stripe=“stripe”
@sort-change=“sortChange()”
>
methods: {
// 远程排序(请求接口)
sortChange({ column, prop, order }) {
console.log(column, prop, order);
},
}

解决方案：

<el-table
:data=“tableData”
style=“width: 100%”
:border=“border”
:stripe=“stripe”
@sort-change=“sortChange($event)”
>
打印出来结果如下，就不会报错了