项目场景:
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)”
>
打印出来结果如下,就不会报错了