Element-ui时间选择器组件添加样式不起效果，似乎是元素一开始没初始化怎么办？

Question

在使用Element-UI的el-date-picker组件时候，想要将月份范围下拉框的头部，即年份去除掉，如图，

在网上参考了一些方法是直接在样式中将header对应的标签隐藏，如下图所示，对应的是.el-date-range-picker__header这个类

，同时我参考一些博客，为el-date-picker这个组件添加了popper-class属性，

并在style中写了下面的内容：

<style scoped lang="scss">
.due_month ::v-deep .el-date-range-picker__header {
        display: none;
    }
 
  .due_month ::v-deep .el-date-range-picker__content.is-right {
 
        display: none;
    }
 
  .due_month ::v-deep .el-picker-panel__body {
        width: 200%;
    }

  ::v-deep .el-date-range-picker__header {
        display: none;
    }
  /*选择日期，年份的隐藏 */
  .due_month {
    ::v-deep .el-date-picker__header {
    span:nth-child(3) { /*第三个标签是span的标签，把它隐藏*/
      display: none;
    }
    button:nth-child(1) {
      display: none;
    }
    button:nth-child(5) {
      display: none;
    }
  }
}
</style>

但是无一例外都没有成功将该年份隐藏。
此外，我尝试直接通过dom操作元素，但是发现该元素似乎一开始没有初始化，即对应的月份选择的下拉框，必须是我点击月份选择后才出现元素，猜测是通过js添加元素创建，请问我该怎么做？

Answer 1

https://blog.csdn.net/weixin_44423850/article/details/118998437
看一下这个