element-ui表格排序问题

我的列是
clipboard.png

有2个数据的,用默认的排序好像不行,会乱

看了文档说用@` <el-table-column

    prop="percent_sales"
    label="销售额 / 占比"
    :sortable="true"
    @sort-method="mySortable">`
    
    
    
  方法可以自定义排序。可是怎么也触发不了那个方法,函数里面log不出来,应该怎么自定义排序  
  
  

clipboard.png
好像我只写纯数字排序也是有问题的

阅读 20.5k
3 个回答

sort-method这个,文档里面也归在了Table-column Attributes,也就是属性了,所以用 :sort-method 进行绑定了。跟 Array.sort(function(a,b){return a-b }) 这样类似 ,里面传入函数指定排序方法,

对于想利用事件进行手动排序,可以监听 @sort-change=handleSortChange 方法,在handleSortChange(column) 回调函数里面,获取column.order字段,判断递增还是递减,手动对 :data绑定的数组进行排序。

一般数据比较多,分页获取的情况下,建议用这种方法,由后端进行排序,更新:data绑定的数组

sort-method 不是事件,它只是一个简单的方法绑定

用 :sort-method

这么做的理由嘛跟原作者说了他不改

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题