vxe-table开启服务端排序，并记录排序高亮状态

UpUp_seaboy

已于 2023-06-06 15:48:03 修改

阅读量1.6k

点赞数 2

分类专栏：开发记录文章标签： vue.js 前端

于 2023-02-03 18:28:09 首次发布

本文链接：https://blog.csdn.net/Y_seaboy/article/details/128874180

版权

开发记录专栏收录该内容

10 篇文章 0 订阅

订阅专栏

    <price-tree-table
        :key="tableKey"
        ref="topTableRef"
        :isLoading="topTableLoading"
        :tableData="topTableData"
        :tableHeaderList="tableHeaderList"
        :sortConfig="sortConfig"
        @sortChange="tableSortChange"
        @clickTableRow="topTableRowClick"
    />

    computed: {
     //表格排序配置项（只会在表格初始化时被触发一次）所以每次触发排序要更新table-key 重新渲染表格
        sortConfig() {
            let obj = {
                remote: true,//开启服务端排序
                defaultSort: { 
                    field: this.sortField,
                    order: this.sortBy
                }
            }
            return obj
        }
    },
    methods: {
        tableSortChange({field, order}) {
            this.tableKey = Math.random();
            this.sortField = field
            this.sortBy = order;
            this.getPriceTableData();
        },
    }