PmSort

多列排序

基础用法

<PmSort 
  v-model="sortInfo" 
  :orderFields="orderFields" 
  labelField="label" 
  valueField="code"
  directionField="direction"
/>
{{sortInfo}}
<script>
export default {
  data() {
    return {
      sortInfo:'',
      orderFields: [
          {
            code: 'priority',
            label: '优先级',
            direction: 'asc',
          },
          {
            code: 'assignee',
            label: '责任人',
            direction: '',
          },
          {
            code: 'dueTime',
            label: '到期时间',
            direction: '',
          },
          {
            code: 'createTime',
            label: '创建时间',
            direction: 'desc',
          },
        ],
      }
  },
}
</script>

显示代码 复制代码 复制代码

Props

参数	说明	类型	可选值	默认值
orderFields	排序字段数组	array	--	[]
labelField	label字段	string	--	label
valueField	value字段	string	--	value
directionField	direction字段	string	--	direction