vue表格排序按钮+后台逻辑处理
新手小白 Java方向刚毕业 接触vue不多 但是作为一个程序员,前台端工作分离 人是不分离的 都得自己写。
- 在表格el-table-column中插入属性 :sort-table=“costom”,因为是后台,这是还需要带入表格列属性prop,即prop=“ **”这个大家填入自己列的常量或变量
- 写完属性后在表格的el-table中添加监听方法@sort-change=“”这里自己定义方法名,我这里用sortChange
- 在方法体里定义三个参数sortChange(column,prop,isAsc)
这三个参数的具体含义column:表格对象,prop 列数据 isAsc排序方式
不放心可以打印出来看。
然后可以将参数值传到后台,判断排序并返回排序后的结果集,前台展示