更新记录

v1.0.0（2023-07-26）

2023.7.26 1、实现基础排序 2、实现多排序条件

平台兼容性

基本用法

在 template 中使用组件

<view>
  <sort-by :items="sortOptions" :sortBy="sortBy" :sortOrder="sortOrder" @sort-change="handleSortChange"></sort-by>
</view>

<script>
import sortBy from '@/components/wei-sortBy/index.vue';

export default {
  components: {
    SortComponent
  },
  data() { 
    return {
      list: [],
      sortOptions: [[
        { label: '开始时间', value: 'startimeSort', sort: 'desc'},
        { label: '结束时间', value: 'endTimeSort', sort: 'desc' },
        { label: '取消时间', value: 'cancelTimeSort', sort: 'desc' }
      ]],
      sortBy: '',
      sortOrder: '',
      curField: ''
    };
  },
   methods: {
    handleSortChange(option) {
      // 更新父组件中的相应数据或执行其他操作
      this.list = [];
      this.sortBy = option.sortBy;
      this.sortOrder = option.sortOrder;
      this.curField = option.field;
      this.handleList();
    },
    // 根据条件查询数据
    handleList() {

    }
  }
};
</script>

API

Sort Props

Sort Events