Sort 排序

基础用法

<template>
  <plv-sort
    :sort-field.sync="sortField"
    :sort-order.sync="sortOrder"
    @change="handleChange"
  >
    <plv-sort-item label="创建时间" field="CREATE_TIME" />
    <plv-sort-item label="开播时间" field="START_TIME" />
    <plv-sort-item label="直播状态" field="LIVE_STATUS" />
  </plv-sort>
</template>

<script>
export default {
  data() {
    return {
      sortField: 'CREATE_TIME',
      sortOrder: 'desc'
    };
  },

  methods: {
    handleChange(data) {
      console.log(data, this.sortField, this.sortOrder);
    }
  }
};
</script>

显示代码

Sort Attributes

参数	说明	类型	可选值	默认值
sort-field	排序字段，支持 .sync 双向数据绑定	String Number	-	-
sort-order	排序顺序，支持 .sync 双向数据绑定	String	desc asc	-

SortItem Attributes

参数	说明	类型	可选值	默认值
field	排序字段值	String Number	-	-
label	名称	String	-	-