el-date-picker shortcuts用法

el-date-picker的shortcuts属性用于配置快捷项，以便用户可以快速选择日期。在Vue 2.x版本中，可以通过以下步骤配置shortcuts：

1. 在模板中，将shortcuts绑定到pickerOptions对象上：

<template>
  <div class="block">
    <el-date-picker v-model="value2" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker>
  </div>
</template>

2. 在脚本中，定义pickerOptions对象，并在其中配置shortcuts：

<script>
export default {
  data() {
    return {
      pickerOptions: {
        shortcuts: [
          { text: '今天', onClick(picker) { picker.$emit('pick', new Date()); } },
          { text: '昨天', onClick(picker) { const date = new Date(); date.setTime(date.getTime() - 3600 * 1000 * 24); picker.$emit('pick', date); } },
          { text: '一周前', onClick(picker) { const date = new Date(); date.setTime(date.getTime() - 3600 * 1000 * 24 * 7); picker.$emit('pick', date); } }
        ]
      },
      value2: ''
    }
  }
};
</script>

这样，el-date-picker组件就会显示配置的快捷项。