asp三层架构做网站,关于水果的网站开发,深圳网站建设外包公司排名,做代收水果是什么网站前端实现
1. 在表格上加监听函数sort-change。如下红框所示#xff1a;
2. 在表行上加排序字:sort-orders#xff0c;可排序字sortable。如下红框所示#xff1a; 3. 添加监听函数实现。代码如下#xff1a;
handleSortChange(column) {this.queryParams.orderByColumn …前端实现
1. 在表格上加监听函数sort-change。如下红框所示
2. 在表行上加排序字:sort-orders可排序字sortable。如下红框所示 3. 添加监听函数实现。代码如下
handleSortChange(column) {this.queryParams.orderByColumn column.prop;//查询字段是表格中字段名字this.queryParams.isAsc column.order;//动态取值排序顺序this.getList();}完整代码如下.
el-table v-loadingloading :dataliquid_heightList selection-changehandleSelectionChange sort-changehandleSortChangeel-table-column typeselection width55 aligncenter /el-table-column label时间 aligncenter propdateTime width95 :sort-orders[descending,ascending] sortablecustomtemplate slot-scopescopespan{{ parseTime(scope.row.dateTime, {h}:{i}:{s}) }}/span/template/el-table-column/el-tablemethod:{//排序倒序handleSortChange(column) {this.queryParams.orderByColumn column.prop;//查询字段是表格中字段名字this.queryParams.isAsc column.order;//动态取值排序顺序this.getList();}
}
后端实现
只需在对应的xml文件中的selectXXList里面加上参数解析即可如下本文展示的案例是在selectLiquidHeightList中添加方法。 以上步骤操作到这就实现了数据列表的倒序排序了。重新启动服务就可以看到实际效果了
