400电话网络推广微信网站成都网站建设龙兵
400电话网络推广微信网站,成都网站建设龙兵,怎么做网上卖货,网站开发维护成本实例:
官方解释:如果需要后端排序#xff0c;需将sortable设置为custom#xff0c;同时在 Table 上监听sort-change事件#xff0c;在事件回调中可以获取当前排序的字段名和排序顺序#xff0c;从而向接口请求排序后的表格数据。
1.table上要加 sort-changesortCha…实例:
官方解释:如果需要后端排序需将sortable设置为custom同时在 Table 上监听sort-change事件在事件回调中可以获取当前排序的字段名和排序顺序从而向接口请求排序后的表格数据。
1.table上要加 sort-changesortChange
2.每一列需要加上 sortablecustom 不然不生效
3.定义排序字段,后端定义的 4.直接上方法
// 排序sortChange(column) {console.log(column,column排序);for (const key in this.currentSort) {if (key.endsWith(Order) key ! ${column.prop}Order) {this.currentSort[key] ;}}this.currentSort.orderType column.order ascending ? asc : desc;this.currentSort[${column.prop}Order] column.prop;this.getList();},
5.最后调用接口list
async getList() {try {let params {...this.bindParams, ...this.currentSort};this.$refs.tree.setCurrentKey(null);Object.keys(params).forEach(key {if (params[key] ) delete params[key];});this.$refs.tree.setCurrentKey(null);const res await deviceRealList2(this.current, this.size, params)console.log(res, 新列表数据);this.tableData res.data.data.recordsthis.total res.data.data.total} catch (e) {console.log(e);}},
6.把接口换成自己的即可,代码可以直接复制就行,实现的单列排序,并不是全部.
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/87998.shtml
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!