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: { } 
 

 

 

 

posted @ 2021-03-02 17:24  试问蟾宫  阅读(1070)  评论(0)    收藏  举报