iview 关于table组件自定义sortMethod排序不生效或错误问题处理
最近项目需求需要,需要对表格列进行自定义排序,用的是iview的table组件,看了文档,table 排序这部分,但是没有给出相关例子。
经过试验以下代码可以实现自定义排序:
注意 : 返回必须是-1 ,1
data () { return { columns5: [ { title: 'Date', key: 'date', sortable: true, }, { title: 'Name', key: 'name' }, { title: 'Age', key: 'age', sortable: true, sortMethod:function(a,b,type) { if (type == 'asc') { return a > b? -1 : 1 } else { return a > b? -1 : 1 } } }, { title: 'Address', key: 'address' } ], data5: [ { name: 'John Brown', age: 18, address: 'New York No. 1 Lake Park', date: '2016-10-03' }, { name: 'Jim Green', age: 24, address: 'London No. 1 Lake Park', date: '2016-10-01' }, { name: 'Joe Black', age: 30, address: 'Sydney No. 1 Lake Park', date: '2016-10-02' }, { name: 'Jon Snow', age: 26, address: 'Ottawa No. 2 Lake Park', date: '2016-10-04' } ] } }, methods: { }

浙公网安备 33010602011771号