element-plus日期选择器实现先选择年再选择月

element-plus日期选择器默认显示当前年的月份
产品认为这样用户体验不好，应该先显示年，用户选择完年再选择月

话不多说，代码

<el-date-picker v-model="time" type="month" placeholder="请输入" @focus="showYear(0)">
</el-date-picker>

   showYear (index) {
            document.querySelectorAll('.el-date-picker__header-label')[index].click()
        }

其实就是获取el-date-picker中点击后显示年份列表的dom，直接代替用户触发点击事件，从而显示年份列表