elment表格sort-method自定义排序功能

点击排序箭头来调取接口进行数据排序

在el-table表格中写入
点击事件
@sort-change=“changeTableSort”
默认以什么单位进行倒序还是顺序排序，prop对应这字段
:default-sort = “{prop: ‘ptuid’, order: 'ascending '}”
在表格中要写入 :sortable="‘custom’"

<el-table 
			border
			stripe
			v-loading="loading" ref="multipleTable" :data="tableData"
			@selection-change="handleSelectionChange"
			tooltip-effect="dark" style="width: 100%"
			:default-sort = "{prop: 'ptuid', order: 'ascending '}"
			 @sort-change="changeTableSort">
				<el-table-column type="selection" width="50">
				</el-table-column>
				<el-table-column prop="ptuid" label="编号" width="70" :sortable="'custom'">
				</el-table-column>
				<el-table-column prop="pocketcode" label="垃圾袋二维码" >
				</el-table-column>
				<el-table-column prop="username" label="用户姓名" >
				</el-table-column>
				<el-table-column prop="ptutime" label="时间" :sortable="'custom'">
				</el-table-column> 
				
			</el-table>

在方法里点击方法中
打印出item
有order是降序还是升序，prop是所点击的字段名字。然后就可以根据 名字还是order还进行判断排序

changeTableSort(item){
				let that = this
				if(item.order == "ascending"){
					that.daoxun = 'false'
				}else if(item.order == "descending"){
					that.daoxun = 'true'
				}
				if(item.prop == "ptuid"){
					that.paixu = 0;
				}else if(item.prop == "ptutime"){
					that.paixu = 1;
				}
			},